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

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

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

使用场景:

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

⚠️注意:

$forceUpdate需要谨慎使用。

原因:
它会强制整个组件的渲染,如果频度没有控制好,会一直渲染,导致应用性能变得很低!!

Logo

前往低代码交流专区

更多推荐