vue3 全局变量的使用
在Vue 3中，你可以通过创建一个全局变量，并在组件中使用来实现全局变量的使用。以下是一个简单的例子：
- 在
main.js中定义全局变量：
import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
// 设置全局变量
app.config.globalProperties.$myGlobal = 'Hello, Vue 3!'
app.mount('#app')- 在任何组件中使用全局变量：
<template>
<div>{{ $myGlobal }}</div>
</template>
<script>
export default {
mounted() {
console.log(this.$myGlobal); // 将输出: 'Hello, Vue 3!'
}
}
</script>在这个例子中，我们在 main.js 中通过 app.config.globalProperties 定义了一个全局变量 $myGlobal。然后在任何组件中，我们都可以通过 this.$myGlobal 来访问这个全局变量。
评论已关闭