介绍下 Vue 中 v-once 和 v-memo
·
v-once
- 用于指定元素或者组件只渲染一次。该指令可以用于性能优化。
- 当数据发生变化时,元素或者组件以及其所有的子元素将视为静态内容并且跳过。
v-memo(3.2版本之后才支持)
- 缓存一个模板的子树。在元素和组件上都可以使用。
- 为了实现缓存,该指令需要传入一个固定长度的依赖值数组进行比较。
- 如果数组里的每个值都与最后一次的渲染相同,那么整个子树的更新将被跳过。
v-pre
- 用于跳过元素和它的子元素的编译过程,显示原始的Mustache标签。
- 它可以跳过不需要编译的节点,加快编译的速度。
v-cloak
- 给元素加一个斗篷,让元素慢慢渲染,等元素渲染完成后再显示。
更多推荐


所有评论(0)