vue3中在main.ts中声明全局变量,并在另一个.js的文件中使用,该怎么写?注意:使用的地方是.js的文件
时间: 2024-01-22 11:18:19 浏览: 196
Vue中全局变量的定义和使用
在Vue3中声明全局变量可以使用`app.config.globalProperties`属性。在`main.ts`中,可以这样声明一个全局变量:
```typescript
import { createApp } from 'vue';
import App from './App.vue';
const app = createApp(App);
app.config.globalProperties.$myGlobalVar = 'Hello World';
app.mount('#app');
```
然后在另一个`.js`文件中,可以直接使用这个全局变量:
```javascript
console.log(window.appContext.$myGlobalVar);
```
其中,`window.appContext`是你在`main.ts`中挂载Vue应用的DOM节点的引用。因此,在`.js`文件中使用全局变量之前,你需要确保Vue应用已经挂载到DOM节点上了。
阅读全文