Vue3.2中使用 V-once 和 V-memo 指令如何来提升性能

从 Vue 3.2 版本开始,可以在

以上 p 标签将始终可见。

常规例如:



v-memo 指令

v-memo 指令允许在计算属性或组件方法中缓存计算结果的副本,避免不必要的计算。只有在指定的属性值更改时才会重新计算方法或计算属性的值,并更新界面。

v-memo 是 Vue 3.2 新增的一个指令。它接受一个依赖数组,并且只有在数组中的一个值发生变化时才会重新渲染。

例如:



如果传入一个空的依赖项数组,它将与使用 v-once 相同,它永远不会重新渲染。



注意:v-memo 在 v-for 循环中不起作用,所以如果我们想用 v-for 记忆一些东西,我们必须把它们放在同一个元素上。

常规例如:



注意:

v-once 和 v-memo 指令只能在