day3.模板语法和计算属性

1. 内容

   Vue中的元素内容使用mustache模板引擎进行

   mustache:GitHub - mustache/mustache: Logic-less Ruby templates.

2. 指令

   指令会影响元素的渲染行为，指令始终以v-开头

   基础指令：

   • v-for:循环渲染元素,(item,index) in arrList
   • v-html：设置元素的innerHTML,该指令会导致元素的模板内容失效
   • v-on:注册事件
     • 该指令由于十分常用，因此提供了简写@;
     • 事件支持一些指令修饰符，如prevent，stop等等;
     • 事件参数会自动传递
   • v-bind:绑定动态属性
     • 该指令由于十分常用，因此提供了简写:
   • v-show:控制元素的可见度
   • v-if、v-else-if、v-else:控制元素生成
   • v-model:双向数据绑定，常用于表单元素
     • 该指令是v-on和v-bind的复合版

   进阶指令：

   • v-slot
   • v-text
   • v-pre
   • v-clock
   • v-once

3. 特殊属性

   最重要的特殊属性：key

   该属性可以干预diff算法，在同一层级，key值相同的结点会进行比对，key值不同的节点则不会

在循环生成的节点中，Vue建议强烈给予每个节点唯一且稳定的key值