全球商店vusjs

Question

我正在尝试使用来自互联网的示例创建全球商店，但我做到了，但是没有存储刷新值。

那是我的商店globalStore.js

var store = {
  debug: true,
  state: {
    message: "Привет!",
  },
};

export default {
  store,
  // we can add objects to the Vue prototype in the install() hook:
  install(Vue, options) {
    Vue.prototype.$myStore = store;
  },
};

这就是我将其导入app.js的方式

import globalStore from "./globalStore";
Vue.use(globalStore);

以及我如何在app.js中使用它

 data() {
    return {
      ts: this.$myStore.state.message,
    };
  },

但是当我试图从另一个组件更改值时

methods: {
    vs() {
      this.$myStore.state.message = 25;
      console.log(this.$myStore.state.message);
    },
  },

在控制台值更改中，但在页面中我具有旧值。如果那不是很好的代码，也许有人知道如何在vue中创建动态globalstore？