vue，如何监听全局某个数据的改变？

Question

最近做了一个音乐播放功能

我把音乐播放功能做成了一个小组件，放在app.vue页面，也就是主页面。只有放主页面才能在任何页面，这个音乐都可以播放。

但是现在遇到了一个问题。就是，我的搜索页面是另一个页面，想在搜索页面中，点击搜索到的音乐，就可以把这个链接放到全局音乐里面播放。

想了好久都不知道怎么处理，有没有大神知道怎么做？望指教一下，谢谢

Answer 1

• eventbus
• Vuex
• this.$root 修改属性的值

Answer 2

1. 引用vuex 全局变量放到vuex state中 这样两边都可以用到
2. 把这两个组件 也就是你的主组件和你的搜索组件外面套一个父组件 通过父子组件 子父组件传值得形式去实现