请解释 Vue.js 中指令的概念，并列举常用的内置指令及其典型用途。
考察说明
考察对 Vue 模板语法核心概念的掌握程度，以及是否熟悉常见指令的使用场景。
回答思路
- 【回答框架 1】Vue 指令是带有 v- 前缀的特殊属性，用于在模板中对 DOM 元素施加响应式行为。当表达式的值变化时，指令会更新对应的 DOM，实现数据驱动视图。
- 【回答框架 2】常用指令包括：v-if 根据条件渲染元素，v-show 通过 display 切换显示，v-for 遍历列表生成元素，v-bind（简写 :）动态绑定属性，v-on（简写 @）监听 DOM 事件，v-model 实现表单元素与数据的双向绑定，v-html 插入 HTML 内容，v-text 插入纯文本。
- 【回答框架 3】v-if 与 v-show 的区别：v-if 是真正的条件渲染，销毁或重建元素；v-show 始终渲染，仅切换 display 属性。频繁切换用 v-show，运行时条件基本不变用 v-if。
- 【回答框架 4】v-for 遍历数组或对象，建议提供唯一的 key 以优化 diff；避免在同一元素上同时使用 v-if 和 v-for，因为 v-for 优先级更高，可能造成不必要的计算。
- 【回答框架 5】v-model 本质是语法糖，对 input 等元素绑定 value 和监听 input 事件；在自定义组件上需要定义 modelValue 和 update:modelValue 事件。
- 【关键点 1】指令是 v- 前缀的特殊模板属性，用于响应式更新 DOM。
- 【关键点 2】常用指令：v-if、v-show、v-for、v-bind、v-on、v-model、v-html、v-text。
- 【关键点 3】v-if 条件渲染，v-show 切换 display。
- 【关键点 4】v-for 遍历需提供 key，避免同时使用 v-if。
- 【关键点 5】v-model 是语法糖，用于双向绑定。
- 【易错点 1】v-if 和 v-show 的适用场景易混淆，频繁切换应使用 v-show。
- 【易错点 2】v-for 与 v-if 同时使用会因优先级导致性能问题和逻辑错误。
- 【易错点 3】v-model 在不同输入类型（如 checkbox、radio、select）上的绑定行为有差异。