Vue3：指令速查表（内置和自定义）

Vue.js是一个流行的JavaScript框架，通过指令轻松操作DOM。

Vue.js具有多个内置指令，如v-text、v-html、v-show、v-if、v-for、v-on、v-bind、v-model、v-slot、v-pre、v-once和v-memo。

自定义指令可以在组件中局部声明，也可以在整个应用程序中全局声明。

v-text指令用于插入文本内容，替代整个textContent。

v-html指令用于动态注入HTML，需谨慎使用以防止XSS攻击。

v-show指令根据状态动态改变元素的显示。

v-if、v-else-if和v-else指令用于动态渲染组件和元素，完全销毁或重建DOM。

v-for指令用于遍历数组或对象，渲染列表元素。

v-on指令用于添加事件监听器，支持事件修饰符。

v-bind指令用于动态绑定HTML属性或组件props。

v-model指令实现双向数据绑定，简化输入状态同步。

v-slot指令用于定义和使用命名插槽，提供更灵活的内容传递。

v-pre指令忽略元素的编译，直接渲染内容为文本。

v-once指令使元素内容只渲染一次，后续不再更新。

v-memo指令限制元素的重新渲染，仅在依赖状态变化时更新。

v-cloak指令防止未编译内容渲染，直到Vue初始化完成。

自定义指令允许将Vue状态与HTML元素绑定，增强布局控制。

可以创建局部或全局的自定义指令，避免代码重复。

自定义指令可以使用修饰符，增强功能。

创建复杂的自定义指令需要理解生命周期钩子和绑定对象。