$forceUpdate的使用详解
$forceUpdate官网的定义是——迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
·
$forceUpdate官网的定义是——迫使 Vue 实例重新渲染。
注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
官网地址学习👉vm.$forceUpdate()
1、主要用来解决强制刷新视图和数据。
2、结合vue生命周期,调用$forceUpdate后会触发beforeUpdate和updated这两个钩子函数,不会触发其他钩子函数。
使用场景:
- 数据层次太多, 数据修改了,但页面没有重新渲染;
- 如果在vue的data中没有进行声明,给没声明的属性赋值(即非响应式的),不会引起vue实例的重新渲染。
⚠️注意:
$forceUpdate需要谨慎使用。
原因:
它会强制整个组件的渲染,如果频度没有控制好,会一直渲染,导致应用性能变得很低!!
更多推荐
已为社区贡献3条内容
所有评论(0)