- Vue.js 3.0从入门到精通(视频教学版)
- 李小威编著
- 219字
- 2022-07-27 18:37:49
5.1.9 v-once
v-once指令不需要表达式。v-once指令只渲染元素和组件一次,随后的渲染,使用了此指令的元素、组件及其所有的子节点,都会当作静态内容并跳过,这可以用于优化更新性能。
例如,在下面示例中,当修改input输入框的值时,使用了v-once指令的p元素,不会随之改变,而第二个p元素跟随着输入框的内容而改变。
【例5.18】v-once指令(源代码\ch05\5.18.html)。
在浏览器中运行程序,然后在输入框中输入“苹果的库存还有800公斤”,可以看到,添加v-once指令的p标签,并没有任何的变化,效果如图5-28所示。
图5-28 v-once指令