Vue 会根据不同的【指令】，针对标签实现不同的【功能】
概念：指令（Directives）是 Vue 提供的带有 v- 前缀 的 特殊 标签属性。
为啥要学：提高程序员操作 DOM 的效率。
vue 中的指令按照不同的用途可以分为如下 6 大类：
- 内容渲染指令（v-html、v-text）
- 条件渲染指令（v-show、v-if、v-else、v-else-if）
- 事件绑定指令（v-on）
- 属性绑定指令 （v-bind）
- 双向绑定指令（v-model）
- 列表渲染指令（v-for）
指令是 vue 开发中最基础、最常用、最简单的知识点。
语法：
v-html = "表达式 " → 动态设置元素 innerHTML
示例代码：
<body><div id="app"><!-- 插值表达式并不能解析标签，而是会以存文本的方式展示到页面上 --><div>{{ msg }}</div><div v-html="msg"></div></div><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><script>const app = new Vue({el: '#app',data: {msg: `<h3>学前端~来黑马！</h3>`}})</script>
</body>
具体有哪些指令可以查询官网
学习 --> API
可以看见，总共14个指令，但这14个并不都是常用的，只用下述用红框框起来的这10个指令才是常用的
![[C++]红黑树](https://img-blog.csdnimg.cn/direct/b39fa07b98c941d2bda8d0915e89aaf0.png)
