从 Vue 3.2 版本开始,可以在
以上 p 标签将始终可见。
常规例如:
这个文本永远不会改变:{{ message }}
v-memo 指令允许在计算属性或组件方法中缓存计算结果的副本,避免不必要的计算。只有在指定的属性值更改时才会重新计算方法或计算属性的值,并更新界面。
v-memo 是 Vue 3.2 新增的一个指令。它接受一个依赖数组,并且只有在数组中的一个值发生变化时才会重新渲染。
例如:
{{ msg }}
切换
如果传入一个空的依赖项数组,它将与使用 v-once 相同,它永远不会重新渲染。
{{ msg }}
{{ msg }}
切换
注意:v-memo 在 v-for 循环中不起作用,所以如果我们想用 v-for 记忆一些东西,我们必须把它们放在同一个元素上。
常规例如:
{{ message }}
- {{ item }}
v-once 和 v-memo 指令只能在