关于vue.js中非父子组件通信的问题

Question

这里span中的selected为什么不是响应式的？

Answer 1

this绑定问题，解决办法：

用bind

bus.$on('letter-selected', function(letter) {

    this.selected = letter;

    console.log('selected:' + this.selected);

}.bind(this))

或者箭头函数

bus.$on('letter-selected', letter => {

    this.selected = letter;

    console.log('selected:' + this.selected);

})