配置公共的数据都是在main.js里
//配置公共方法
const app = createApp(App)
app.config.globalProperties.$axios = axios
//配置公共属性
const BASEURL = "https://baidu.com"
app.config.globalProperties.BASEURL = BASEURL
app.use(store).use(router).mount("#app");
// vue2的new Vue在v3变成了 createApp
然后在你要使用的页面里
<template>
<div class="home">
</div>
</template>
<script>
import { getCurrentInstance,reactive,ref } from '@vue/runtime-core'
export default {
setup(){
let {appContext} = getCurrentInstance() //获取当前实例
console.log(appContext.config.globalProperties) //打印看一下
}
}
</script>
就直接可以看到我们配置的公共属性和方法