如何使用vue中的$on更新data数据并渲染？

Question

组件间简单通信使用空的实例：var app = new Vue();然后组件1触发app.$emit:methods: {linkToDoing: function () {    this.isToDoing = true;    this.store.isToDoing = this.isToDoing;    this.store.selectIndex = 0;     app.$emit('store', this.store); },} 组件2监听触发的事件app.$on:created: function () {app.$on('store', function (data) {    this.title = data.arrTitle[data.selectIndex];     console.log('监听到了', this.title);    this.store = data; });}最后发现能够监听到更新的数据，但是数据未渲染，请问这个如何解决？

Answer 1

把 this 改为 app 应该就可以了吧

app.$on('store', function (data) {
    app.title = data.arrTitle[data.selectIndex];
    console.log('监听到了', app.title);
    app.store = data;
});