java-microservice-01-vue-05-template

模板语法

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。
在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。

实例

1. 双大括号语法：

随绑定的数据源响应式插值，例子中，msg由1->2，页面上也响应式发生变化。

2. v-once指令：

只执行一次响应式插值，例子中，msg由1->2，页面不会再响应变化。

3. v-html指令：

可以插值为HTML对象，而不是默认的字符串。

4. v-bind绑定属性：

冒号后面接属性名。

5. 双大括号中使用js表达式：

注意只允许单个表达式。

6. v-if条件指令：

根据参数真假判断是否要显示当前节点。

7. v-on事件：

例子中为点击事件，内层点击事件后跟上.stop来终止当前事件传递到外层。