本系列博客汇总在这里:Vue.js 汇总


v-once 指令



源码工程文件为:


使用场景

在某些情况下,我们可能不希望界面随意的跟随改变,这个时候,我们就可以使用一个 Vue 的指令:

​v-once​


  • 该指令后面不需要跟任何表达式(比如之前的 v-for 后面是由跟表达式的)。
  • 该指令表示元素和组件(组件后面才会学习)只渲染一次,不会随着数据的改变而改变。

如下:

Vue.js_10_v-once 指令_工程文件

Vue.js_10_v-once 指令_使用场景_02

如有错误,欢迎指正!