Vue指令

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="变量"