$forceUpdate的使用详解

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

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

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

使用场景：

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

⚠️注意：

$forceUpdate需要谨慎使用。

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