如何appvue中改变globaldata

要在Vue应用中改变全局数据，可以使用VueX这个状态管理库。VueX提供了一个集中式的、可预测的状态管理模式，并且可以在不同组件之间共享数据。以下是一个简单的例子：

1. 安装VueX

可以使用npm或yarn来安装VueX：

npm install vuex

2. 创建store

在src目录下创建一个store目录，并在其中创建一个index.js文件。在该文件中创建一个VueX实例：

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    globalData: {}
  },
  mutations: {
    setGlobalData (state, data) {
      state.globalData = data
    }
  }
})

export default store

在上述代码中，我们创建了一个state对象，用于存储全局数据，以及一个mutations对象，用于定义修改state的方法。

3. 在Vue组件中使用store

在需要访问全局数据的组件中，可以使用VueX提供的mapState和mapMutations函数来访问store中的state和mutations：

<template>
  <div>{{ globalData }}</div>
</template>

<script>
import { mapState, mapMutations } from 'vuex'

export default {
  computed: {
    ...mapState(['globalData'])
  },
  methods: {
    ...mapMutations(['setGlobalData'])
  },
  mounted () {
    const newData = { name: 'John', age: 30 }
    this.setGlobalData(newData)
  }
}
</script>

在上述代码中，我们使用mapState函数将globalData映射到computed属性中，使用mapMutations函数将setGlobalData映射到methods属性中。在mounted钩子函数中，我们调用setGlobalData方法来修改全局数据。