指令系统

指令是 Vitarx 中一种特殊的机制,用于在元素挂载、更新或销毁时执行自定义逻辑。你可以把指令理解为"挂在元素上的钩子"——当元素的状态发生变化时,指令中对应的钩子函数会被自动调用。

内置指令

Vitarx 提供了以下内置指令,覆盖了最常见的 DOM 操作需求:

指令说明
v-show控制元素的显示与隐藏(display: none
v-html渲染 HTML 字符串到元素内部
v-text设置元素的文本内容
v-if / v-else-if / v-else条件渲染指令
v-bind属性展开绑定

👉 查看内置指令详情

自定义指令

当内置指令无法满足需求时,你可以编写自定义指令。自定义指令适合封装直接操作 DOM 的逻辑,例如自动聚焦、权限控制、拖拽等。

API说明
defineDirective()定义指令
withDirectives()为视图手动绑定指令
resolveDirective()根据名称解析指令
app.directive()应用级指令注册/获取

👉 查看自定义指令详情