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指令