Vue子组件每次加载都执行Mounted周期函数

Vue框架为了提高性能,对组件进行了缓存,所以第二次加载相同的子组件的时候,是不会创建新的dom,而是使用缓存。

但是有时候我们需要每次加载子组件都执行一次Mounted函数来做一些数据的初始化或者请求等等,所以这是个麻烦事了。

vue组件通过key来识别组件是否缓存,那么我们可以在组件上面添加一个key值,每次请求的时候都不一样,这样就可以解决上面的问题(不考虑性能问题)。

父组件

<template>
 <div>
   <Com :key="randdomKey"></Com>
 </div>
</template>

在每次要加载显示Com子组件的时候,就改变randdomKey的值即可。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注