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