建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Vue3.2中使用 V-once 和 V-memo 指令如何來提升性能
從 Vue 3.2 版本開始，可以在
以上 p 標(biāo)簽將始終可見。
常規(guī)例如：
這個文本永遠(yuǎn)不會改變:{{ message }}
v-memo 指令
v-memo 指令允許在計算屬性或組件方法中緩存計算結(jié)果的副本，避免不必要的計算。只有在指定的屬性值更改時才會重新計算方法或計算屬性的值，并更新界面。
v-memo 是 Vue 3.2 新增的一個指令。它接受一個依賴數(shù)組，并且只有在數(shù)組中的一個值發(fā)生變化時才會重新渲染。
例如：
{{ msg }}
切換
如果傳入一個空的依賴項數(shù)組，它將與使用 v-once 相同，它永遠(yuǎn)不會重新渲染。
{{ msg }}
{{ msg }}
切換
注意：v-memo 在 v-for 循環(huán)中不起作用，所以如果我們想用 v-for 記憶一些東西，我們必須把它們放在同一個元素上。
常規(guī)例如：
{{ message }}
- {{ item }}
注意：
v-once 和 v-memo 指令只能在