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


咨詢
建站咨詢