[Vue深入組件-邊界情況處理] 控制更新

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>
  `
})

⚠️ 特別注意,一般情況下是用不到這個模式的。

頻繁不加慎重考慮的頻繁使用,可能會導致期望的更新不能生效。 進而帶來諸多不必要的困惑。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章