day3.模板语法和计算属性
- 内容 Vue中的元素内容使用mustache模板引擎进行 mustache:
- 指令 指令会影响元素的渲染行为,指令始终以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
- 特殊属性 最重要的特殊属性:key 该属性可以干预diff算法,在同一层级,key值相同的结点会进行比对,key值不同的节点则不会
在循环生成的节点中,Vue建议强烈给予每个节点唯一且稳定的key值