vue3全局自定义指令

在Vue3中，我们可以使用`app.directive`方法来注册全局自定义指令。下面是一个简单的示例：

// main.js
import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);

app.directive('mydirective', {
  mounted(el, binding) {
    // 指令绑定到元素上时调用
    el.style.color = binding.value;
  },
  updated(el, binding) {
    // 元素更新时调用
    el.style.color = binding.value;
  },
  unmounted(el) {
    // 指令与元素解绑时调用
    // 清除一些工作
  }
});

app.mount('#app');

在上面的例子中，我们注册了一个名为`mydirective`的全局指令。指令对象包含了三个生命周期钩子函数：`mounted`、`updated`和`unmounted`。其中`mounted`函数在指令绑定到元素时调用，`updated`函数在元素更新时调用，`unmounted`函数在指令与元素解绑时调用。