首页 > 代码库 > vue.js初学(三)模板语法

vue.js初学(三)模板语法

1:介绍

vue.js允许开发者声明式地将Dom元素绑定至Vue实例的底层,所有的模板都是合法的html,所以能够被遵循规范的浏览器和html解析器解析

在底层的实现上,vue将模板编译成虚拟Dom渲染。结合响应式系统 在应用改变时,vue能够智能地计算出重新渲染组件的最小代价并应用到Dom操作上。

如果你熟悉虚拟dom并且偏爱原生js的语法,你可以不用模板,直接写render函数,使用可选的jsx语法

2:插值

数据绑定 最常见的形式是:Mustache 双大括号。  Mustache 标签将被替代为对应数据对象上的值,无论何时,它俩都会一起变化。

注意点:

v-once:用于一次性地插值,再当数据更变时,插值处的值不会再被更新。但是注意这会影响到这个节点上的所有数据绑定。

<span v-once>This will never change: {{ msg }}</span>

3:纯

vue.js初学(三)模板语法