vue-父组件触发子组件每次都重新渲染

12次阅读

共计 259 个字符,预计需要花费 1 分钟才能阅读完成。

有时候我们在使用 vue 的 props 传递数据的时候,明明数据已经发生了改变,但是页面的元素渲染还是保留了上一次的数据。虽然有 watch 和 computed 能辅助及时更新渲染数据,但是很多时候不能完全达到我们所需要的效果。而且,watch 和 computed 使用要求较高,初学者容易被绕晕。

今天发现了一个比较简易的方法,为需要动态触发的组件,添加一个 key,key 值为时间毫秒,类似于 js 防止缓存的后缀。如下:

这样之后, 父级的每次数据更新都会重新渲染其下的所有组件,即会重新走”mounted 和 created 这两个生命周期函数

正文完
 0