v-html指令：
作用：设置元素的innerHTML
语法：v-html="表达式"
v-show指令：
语法：v-show="布尔值"
true显示，false隐藏
作用场景：频繁使用
底层原理：切换css的display：none来控制显示隐藏
v-if指令：
语法：v-if="布尔值"
true显示，false隐藏
作用场景：不频繁使用，判断条件
底层原理：根据判断条件控制元素的创建和移除（条件渲染）
v-else指令和v-else-if指令：
语法：v-else
语法：v-else-if="表达式"
注意：需要紧挨着v-if一起使用
v-on指令：
作用：注册事件 = 添加监听 + 提供处理逻辑
语法1：v-on：事件名="内联语句"
v-on:事件名可以简写为@事件名="内联语句"
语法2：v-on：事件名="methods中的函数名"
v-bind指令：
作用：动态设置html的标签属性src、url、title等
语法：v-bind：属性名="表达式"
可以将v-bind-href="表达式"简写成：href="表达式"
v-for指令：
作用：基于数据循环，多次渲染整个元素
遍历数组语法：v-for(item,index) in 数组
item每一项，index下标
v-for中的key
语法：key属性="唯一标识"
作用：给列表添加唯一的标识
v-model指令：
作用：给表单元素使用，双向数据绑定，可以快速获取或设置表单元素内容
数据变化：视图自动更新
视图变化：数据自动更新
语法：v-model="变量"
