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

今天发现了一个比较简易的方法,为需要动态触发的组件,添加一个key,key值为时间毫秒,类似于js防止缓存的后缀。如下:
image.png
这样之后,父级的每次数据更新都会重新渲染其下的所有组件,即会重新走”mounted和created这两个生命周期函数


charlotteeeeeee
74 声望7 粉丝