Vue.js v-once
🌙
手机阅读
本文目录结构
v-once
- 不需要表达式
详细
只渲染元素和组件一次。
随后的重新渲染，元素 / 组件及其所有的子节点将被视为静态内容并跳过。
这可以用于优化更新性能。
<!-- 单个元素 -->
<span v-once>This will never change: {{msg}}</span>
<!-- 有子元素 -->
<div v-once>
<h1>comment</h1>
<p>{{msg}}</p>
</div>
<!-- 组件 -->
<my-component v-once :comment="msg"></my-component>
<!-- `v-for` 指令-->
<ul>
<li v-for="i in list" v-once>{{i}}</li>
</ul>
参考
- 数据绑定语法- 插值
- 【组件 - 对低开销的静态组件使用
v-once](https://cn.vuejs.org/v2/guide/components-edge-cases.html#通过 -v-once- 创建低开销的静态组件）
