Vue 的指令系统有哪些常用指令？

1. 数据绑定类指令

v-bind（简写为 :）用于动态绑定属性，把表达式结果绑定到元素属性或组件 props 上。v-model 用于在表单元素和组件上建立双向数据绑定。插值表达式 {{ }} 用于在文本节点中输出数据。

2. 条件与循环渲染指令

v-if、v-else-if、v-else 用于条件渲染，根据表达式的真假决定是否渲染元素；v-show 通过切换 display 属性控制显隐，适用于频繁切换的场景。v-for 用于列表渲染，遍历数组或对象生成多个节点，使用时应为每项设置稳定的 key。

3. 事件与属性处理指令

v-on（简写为 @）用于监听 DOM 事件并绑定处理函数。v-html 用于输出经过安全处理的 HTML 内容，使用时需注意防范 XSS 风险。v-once、v-pre、v-cloak 等指令用于渲染优化和编译控制。

4. 自定义指令

除内置指令外，Vue 允许通过 directive 定义自定义指令，在元素的生命周期钩子中执行自定义逻辑，例如点击外部关闭、聚焦、懒加载等场景。