1.内容渲染指令
- v-text 覆盖标签原有内容
- {{}} 插值表达式
- v-html
2.属性绑定指令
- v-bind 为属性动态绑定值 简写 ':'
3.事件绑定指令
- v-on 简写 '@'
- vue提供了内置变量，$event 它就是原生的DOM事件对象
4.双向绑定指令
- v-model
5.条件渲染指令
- v-if 原理：每次动态创建或移除元素
- v-show 原理：动态为元素移除或添加 display: none样式，来实现元素的显示和隐藏
- v-else-if
- v-else
6.循环渲染指令
- v-for = "item in 数组名" 或 "(item,index) in 数组名" 官方建议加上 :key = "item.id" key 只能是：字符串或数字