如何在vue组件中更改存储文件中的全局变量

// 存储文件（store.js）
export default {
  state: {
    globalVariable: '初始值'
  },
  mutations: {
    updateGlobalVariable(state, newValue) {
      state.globalVariable = newValue;
    }
  }
}

// Vue组件中的引入和使用
<template>
  <div>
    <p>全局变量的当前值：{{ globalVariable }}</p>
    <button @click="changeGlobalVariable">更改全局变量</button>
  </div>
</template>

<script>
import store from './store.js';

export default {
  computed: {
    globalVariable() {
      return store.state.globalVariable;
    }
  },
  methods: {
    changeGlobalVariable() {
      store.commit('updateGlobalVariable', '新值');
    }
  }
}
</script>