$forceUpdate官网的定义是——迫使 Vue 实例重新渲染
注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。

官网地址学习👉vm.$forceUpdate()

1、主要用来解决强制刷新视图和数据。
2、结合vue生命周期,调用$forceUpdate后会触发beforeUpdate和updated这两个钩子函数,不会触发其他钩子函数。

使用场景:

1、数据层次太多, 数据修改了,但页面没有重新渲染;
2、如果在vue的data中没有进行声明,给没声明的属性赋值(即非响应式的),不会引起vue实例的重新渲染。

⚠️注意:
$forceUpdate需要谨慎使用。

原因:
它会强制整个组件的渲染,如果频度没有控制好,会一直渲染,导致应用性能变得很低!!
 
原文链接:https://blog.csdn.net/muzidigbig/article/details/124247215

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐