有时候我们在使用vue的props传递数据的时候,明明数据已经发生了改变,但是页面的元素渲染还是保留了上一次的数据。虽然有watch和computed能辅助及时更新渲染数据,但是很多时候不能完全达到我们所需要的效果。而且,watch和computed使用要求较高,初学者容易被绕晕。
今天发现了一个比较简易的方法,为需要动态触发的组件,添加一个key,key值为时间毫秒,类似于js防止缓存的后缀。如下:
这样之后,父级的每次数据更新都会重新渲染其下的所有组件,即会重新走”mounted和created这两个生命周期函数
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。