vue3中定义全局变量
时间: 2023-10-20 08:07:39 浏览: 141
Vue中全局变量的定义和使用
在Vue3中,可以通过创建一个新的Vue实例,并将其挂载到全局变量上来定义全局变量。
例如,可以在main.js中定义全局变量:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
app.config.globalProperties.$myGlobalVar = 'Hello World!'
app.mount('#app')
```
在其他组件中,可以通过this.$myGlobalVar来访问全局变量:
```javascript
export default {
created() {
console.log(this.$myGlobalVar) // 输出:Hello World!
}
}
```
阅读全文