vue3的全局挂载和获取(2种方法)

1.main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import 'default-passive-events'
import Axios from 'axios';
const golBalTest = () =>{
    console.log('测试全局挂载');
  return '测试全局挂载';
}
const app = createApp(App) 
// 挂载到vue原型上(方法1)
app.config.globalProperties.$axios = Axios;
app.config.globalProperties.$golBalTest = golBalTest;
app.config.globalProperties.$Test = "我在全局";
// 方法2
app.provide('root','root测试')
app.use(Antd);
app.use(store).use(router).mount('#app')

2.子组件中使用





你可能感兴趣的:(vue3的全局挂载和获取(2种方法))