vue指令：vue会根据不同的【指令】，针对标签实现不同的【功能】；指令：带有 v-前缀 的特殊 标签属性。
1. v- html 指令
- 功能：用于更新元素的
innerHTML。它会将表达式的值解析为 HTML 并插入到元素中。 - 语法：v-html=“表达式。
2. v-if 指令
- 功能：用于
条件性地渲染一块内容。只有当指令表达式的值为真时，才会渲染对应的元素；如果为假，则元素及其包含的内容都不会在 DOM 中出现。 - 语法：v-if=“表达式”，表达式值
true显示，false隐藏。
3. v-show 指令
- 功能：也是用于控制元素的显示和隐藏。与
v - if不同的是，v - show只是通过改变元素的display属性来实现显示和隐藏，元素在 DOM 中始终存在。 - 语法：v-show=“表达式”，表达式值
true显示，false隐藏。
4. v-else 和 v-else-if 指令
- 功能：必须与
v - if一起使用，用于在v - if条件不成立时渲染对应的内容。 - 语法：v-else；v-else-if=“表达式”
5. v-on 指令
- 功能：用于监听 DOM 事件，缩写是
@。可以在事件触发时执行一个表达式或者调用一个方法。 - 语法：v-on：事件名=“内联语句”；v-on：事件名=“methods中的函数名”；
6. v-bind 指令
- 功能：用于动态地绑定一个或多个属性到元素上。缩写是
:。 - 语法：v-bind：属性名=“表达式”。
7. v-for 指令
- 功能：用于循环渲染列表数据。可以遍历数组、对象等数据类型。
- 遍历数组语法：v-for=“（item，index）in 数组”；item：每一项，index：下标。
8. v-model 指令
- 功能：主要用于在表单元素（如
<input>、<textarea>、<select>）和数据之间创建双向数据绑定。当表单元素的值发生变化时，对应的绑定数据也会更新；反之，当绑定数据更新时，表单元素的值也会随之改变。 - 语法：v-model=‘变量’。
