Vue - 数据响应式

263 阅读1分钟

  提到响应式,我们或许会想起HTML5中的响应式,作用是使得页面的样式自动适应不同的屏幕尺寸。

  今天要讲的数据响应式的作用是使数据能够驱动页面内容的变化。

  在Vue中以插值表达式以及默认指令实现的数据绑定都是响应式的。

  v-once指令

  Vue的模板内容要在浏览器中最终呈现并运行须经过Vue框架的编译后形成编译后的js代码。v-once的作用是规定这个编译过程只进行一次,应用场景为当页面中有内容显示以后就不再需要被修改时针对这些内容来使用v-once指令,这样的好处是可以提高性能,因为Vue要对页面所有显示的内容属性是否发生变化进行监听,这样一些不需要改变的内容如果还持续被监听的话就会大大地消耗性能。