vue3 中怎么定义变量

在Vue3中定义全局变量主要有以下几种方式：

1. **在`main.js`中设置全局变量**[^1]:

   import { createApp } from 'vue';
   import App from './App.vue';

   // 定义一个全局函数
   const getObjChainingVal = (obj, keyName) => {
     // ...实现逻辑
   };

   // 在app配置中设置全局属性
   const app = createApp(App);
   app.config.globalProperties.getObjChainingVal = getObjChainingVal;

   // 直接定义全局变量
   app.config.globalProperties.$website = 'devcursor';

2. **使用全局变量模块（如`Global.vue`）**[^2]:

   // Global.vue
   export default {
     data() {
       return {
         // 如：token 或者 其他全局变量
         token: '12345678',
       };
     },
     // 使用export暴露变量供其他组件访问
     provide() {
       return {
         token,
         useFunction: someUsefulFunction, // 如果有全局函数
       };
     },
   };

在其他组件中可以通过`this.$root`来访问这些变量，也可以注入到子组件中。