如何将指令从main.js移到外部文件Vue 3中

// main.js

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

const app = createApp(App);

app.directive('myDirective', myDirective);

app.mount('#app');

// myDirective.js

export default {
  mounted(el, binding) {
    // 指令逻辑
  }
}

// MyComponent.vue

export default {
  directives: {
    myDirective: {
      mounted(el, binding) {
        // 指令逻辑
      }
    }
  }
}