1.全局挂载(在main.ts或者main.js文件下)
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
const app = createApp(App)
app.config.globalProperties.getEnv = import.meta.env
app.config.globalProperties.$basePath = 'https://www.baidu.com'
app.mount('#app')
app.config.globalProperties.$basePath = 'https://www.baidu.com'
使用globalProperties进行挂载
2.页面中使用
import { getCurrentInstance, onMounted } from 'vue'
onMounted(() => {
const {
appContext: {
config: { globalProperties },
},
} = getCurrentInstance()
console.log(globalProperties.$basePath)
})
引入getCurrentInstance构子函数获取app实例对象,进行结构出来,从而获取vue组件实例上的挂载对象