在Vue 2.0的时候通常是在
tools.js文件写好全局方法后,在main.js文件import定义好的全局方法,使用Vue.prototype.方法名 = 方法名进行全局挂载,然后用this.方法名进行调用。但在Vue 3.0是使用app.config.globalProperties.方法名= 方法名进行挂载。
在Vue 2.0时挂载全局方法及使用
//main.js文件中引入构造函数,并且挂载在构造函数上
import Vue from "vue";
Vue.prototype.$axios = axios;
//全局调用
this.axios()
在vue3.0时挂载全局方法及使用
//在main.js中创建实例
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App);
//挂载方法到实例上
app.config.globalProperties.$axios = axios
//全局调用
import { getCurrentInstance } from "vue";
const { proxy }: any = getCurrentInstance();
proxy.$axios()