如何使Vue-directive / Vue-filter在一个页面的所有组件中都可用？

Vue.directive('my-directive', {
  // 指令的配置选项
  bind: function (el, binding, vnode) {
    // 指令绑定时的处理逻辑
  },
  // 其他配置选项...
})

Vue.filter('my-filter', function (value) {
  // 过滤器的转换逻辑
  return transformedValue;
})

// main.js

import Vue from 'vue'

// 注册全局指令
Vue.directive('my-directive', {
  // 指令的配置选项
  bind: function (el, binding, vnode) {
    // 指令绑定时的处理逻辑
  },
  // 其他配置选项...
})

// 注册全局过滤器
Vue.filter('my-filter', function (value) {
  // 过滤器的转换逻辑
  return transformedValue;
})

// 创建Vue实例并挂载到页面
new Vue({
  //...
})

<template>
  <div>
    <!-- 使用全局指令 -->
    <div v-my-directive></div>

    <!-- 使用全局过滤器 -->
    <div>{{ someData | my-filter }}</div>
  </div>
</template>