有时候我们在使用 vue 的 props 传递数据的时候,明明数据已经发生了改变,但是页面的元素渲染还是保留了上一次的数据。虽然有 watch 和 computed 能辅助及时更新渲染数据,但是很多时候不能完全达到我们所需要的效果。而且,watch 和 computed 使用要求较高,初学者容易被绕晕。
今天发现了一个比较简易的方法,为需要动态触发的组件,添加一个 key,key 值为时间毫秒,类似于 js 防止缓存的后缀。如下:
这样之后, 父级的每次数据更新都会重新渲染其下的所有组件,即会重新走”mounted 和 created 这两个生命周期函数