vue3怎样将方法导出使用

在Vue3中，如果你想把某个方法导出供其他组件使用，你可以将其定义在一个自定义的函数、组件的原型上或者单独的文件中。以下是三种常见的做法：

1. **在组件内部使用export**：

   // 在Component.vue中
   export default {
     methods: {
       customMethod() {
         // 这里是你的方法实现
       }
     }
   };

2. **在单文件组件（SFC）的script部分**：

   // component.vue
   export default {
     methods: {
       customMethod() {
         // ...
       }
     },
     mounted() {
       this.customMethod(); // 或者在需要的地方调用
     }
   };

如果你想在其他组件中直接调用这个方法，记得导入并挂载到实例上。

3. **导出独立的函数或模块**：
创建一个单独的js文件（如`methods.js`）:

   // methods.js
   export function customMethod() {
     // ...
   }
   // 使用时在另一个组件中导入
   import { customMethod } from './methods.js';
   customMethod();

在使用导出的方法时，通常会在组件的`setup()`或`created()`生命周期钩子中导入并调用它们。