Vue.prototype全局变量问题

Question

Vue.prototype.$SpinTag = false;在js中this.$SpinTag=true;改了值，页面中{{$SpinTag}}数据不同步，谁知道是什么原因么？

问了朋友，给的答复是“放原型上的属性本来就没有响应式监听的”。
但是我该如何实现我的一个需求，做一个全局的变量，并且能够实现全局的双向绑定的效果呢？

Answer 1

首先为什么不用vuex呢？

如果想触发更新的话可以创建个中央事件总线，当在$SpinTag更新的时候，同步在$EventBus里$emit广播事件，触发更新的话可以在包含{{$SpinTag}}的页面的$on这个事件，重新读取this.$SpinTag

ps:事件总线 Vue.prototype.$EventBus = new Vue()

Answer 2

试试这样：

const vue = new Vue({
    ...
});
vue.$set(vue, 'SpinTag', false);

Answer 3

楼主的想法很好，可以借助Vue.observable这个API来实现一个小型的数据共享对象。

Answer 4

全局共享响应式变量，最好还是vuex