vue3中怎么挂载全局方法
在Vue 3项目中，若想挂载全局方法，可以使用插件的方式或者直接修改全局配置。接下来将介绍两种可行的解决方案。
一、通过创建插件来挂载
这是比较推荐的一种方式，它可以使代码结构更加清晰且便于维护。
创建一个名为myPlugin.js的文件，在这个文件里定义好我们要挂载的方法：
javascript
// myPlugin.js
export default {
install(app) {
app.config.globalProperties.$myMethod = function() {
console.log('这是一个全局方法');
}
}
}
然后在main.js（项目的入口文件）中引入并使用这个插件：
```javascript
// main.js
import { createApp } from 'vue'
import App from './App.vue'
import MyPlugin from './myPlugin'
const app = createApp(App)
app.use(MyPlugin)
app.mount('#app')
在组件中就可以这样使用了：
export default {
name: "MyComponent",
methods: {
useGlobalMethod() {
this.$myMethod();
}
}
};
```
二、直接修改全局配置
这种方式更为直接简单，不需要单独创建一个插件文件。
同样是在main.js中操作，如下所示：
```javascript
// main.js
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
// 挂载全局方法
app.config.globalProperties.$globalFunc = () => {
console.log('我也是全局方法');
}
app.mount('#app')
``
之后在组件中就可以像上面一样使用
以上就是两种在Vue 3中挂载全局方法的方式，可以根据实际需求选择合适的方式。需要注意的是，在使用这些全局方法时要确保它们不会与其他同名方法产生冲突，并且要注意命名规范，以保证代码的可读性和可维护性。
