vue.js初学模板语法

Posted 2020-09-21

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：纯