vue组件中重新渲染的3种方式
vue组件中重新渲染的3种方式
改变key
-
这个是最推荐的。因为vue是通过虚拟Dom算法来判断元素的变化，是否变化的核心是通过判断新旧元素的key值是否变化。如果你的key是变化的，则重新渲染该元素，如果key没变，则不会重新渲染。
-
所以如果你想让你的组件重新渲染，你给组件加上
key属性，然后在需要重新渲染的时候，改变key的值就行。 -
test
v-if
-
我们用的指令中，
v-if也是比较多的。 -
当你设置为
false的时候，当前条件块里包含的元素会被销毁，如果包含的是组件，则组件对应的生命周期函数（beforeDestroy，destroyed等）会执行。 -
当你设置为
true的时候，当前条件块里的元素会被重建，如果包含的是组件，则组件对应的生命周期函数（created，mounted等），计算属性，watch等会执行，相当于重新渲染。
vm.$forceUpdate()
-
这个方法用的不多，是强制更新视图。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！