vue中通过什么创建自定义指令

在 Vue 中创建自定义指令

Vue 中通过 Vue.directive() 方法创建自定义指令。该方法接受两个参数：指令名称和一个包含指令选项的对象。

指令名称

指令名称必须以 v- 前缀开头，后跟一个驼峰式名称来标识指令。例如，v-myDirective。

指令选项

指令选项对象可以包含以下属性：

• bind (可选) 在元素插入 DOM 时调用一次。
• inserted (可选) 在元素被插入 DOM 后立即调用。
• update (可选) 在元素更新时调用。
• componentUpdated (可选) 在父组件更新后调用。
• unbind (可选) 在元素从 DOM 中移除时调用。

示例

例如，创建一个名为 v-highlight 的自定义指令，它会在元素上添加一个黄色背景：

<code class="javascript">Vue.directive(\'highlight\', {
  bind: function (el, binding, vnode) {
    el.style.backgroundColor = \'yellow\';
  }
});</code>