directives选项

在Vue 3中，"directives"选项用于注册自定义指令。指令是一种特殊的 Vue 插件，它可以与 DOM 元素进行交互，并在元素上应用特定的行为。

在Vue 3之前的版本中，你需要使用Vue.directive()全局方法来注册指令。但是，在Vue 3中，你可以通过在组件选项对象中使用"directives"属性来注册指令。

下面是一个示例，展示了如何在Vue 3中使用"directives"选项注册指令：

// 自定义指令对象
const myDirective = {
  mounted(el, binding) {
    // 指令逻辑
  }
};

export default {
  name: 'MyComponent',
  directives: {
    myDirective
  },
  // 组件的其它选项
}

在上面的代码中，我们首先创建了一个名为myDirective的自定义指令对象。该指令对象包含了指令的逻辑，其中的mounted钩子函数在指令绑定到元素时执行。

然后，在组件的选项对象中，我们使用"directives"选项将自定义指令注册为myDirective。这样，我们就可以在组件的模板中使用该指令。

在模板中，可以通过在元素上使用v-my-directive指令来应用这个自定义指令。例如：

<template>
  <div v-my-directive></div>
</template>

需要注意的是，在模板中使用自定义指令时，指令名需要加上前缀v-，并使用短横线分隔（kebab-case）。在上面的示例中，我们将指令名定义为myDirective，在模板中使用时就是v-my-directive。

自定义指令可以用于操作元素的 DOM、添加样式、监听事件等。它们提供了一种灵活的方式来扩展和控制组件的行为。