[Vue深入组件-边界情况处理] 控制更新

目录

• 1. 强制更新
• 2. 阻止更新 - 通过v-once 创建低开销的静态组件

1. 强制更新

Vue 允许你强制更新：

vm.$forceUpdate()

2. 阻止更新 - 通过v-once 创建低开销的静态组件

有时候你的组件中包含了大量不需要实时更新的静态内容。

这种情况下，你可以在根元素上加上一个v-once 属性，以确保这些内容仅被计算一次之后，被缓存起来。 具体就像这样：

Vue.component('terms-of-service', {
  template: `
    <div v-once>
      <h1>Terms of Service</h1>
      ... a lot of static content ...
    </div>
  `
})

⚠️ 特别注意，一般情况下是用不到这个模式的。

频繁不加慎重考虑的频繁使用，可能会导致期望的更新不能生效。 进而带来诸多不必要的困惑。