vue3怎么改变全局变量

在 Vue 3 中，你可以通过在一个全局对象上定义属性来定义全局变量。比如，你可以在一个名为 `globalData` 的对象上定义一个全局变量 `count`，然后在你的 Vue 应用程序中随时访问这个变量。

下面是一个示例代码：

// 在一个全局对象上定义全局变量
const globalData = {
  count: 0
}

// 在Vue应用程序中访问全局变量
const app = createApp({
  data() {
    return {
      count: globalData.count
    }
  },
  methods: {
    increment() {
      globalData.count++
    }
  }
})

在上面的代码中，我们首先定义了一个名为 `globalData` 的对象，并在其中定义了一个全局变量 `count`。然后，在我们的 Vue 应用程序中，我们通过在 `data` 选项中定义一个与 `globalData.count` 相关的变量来访问全局变量。我们还定义了一个 `increment` 方法，用于增加全局变量的值。

当我们调用 `increment` 方法时，它会增加全局变量 `count` 的值，并且我们在 Vue 组件中访问的 `count` 变量也会更新。