Vue 2 提供了两种主要的方式来实现消息订阅与发布：
全局事件总线（Global Event Bus）
Vue 2 提供了一个全局的事件总线，它是一个单例对象，可以被任何组件访问。要使用全局事件总线，可以使用以下方法：
发布消息（Publish Messages）
Vue.prototype.$emit('event-name', data);
其中，event-name 是事件名称，data 是要传递的数据。
订阅消息（Subscribe Messages）
JavaScript
this.$on('event-name', callback);
其中，event-name 是事件名称，callback 是当事件触发时要执行的回调函数。
取消订阅消息（Unsubscribe Messages）
JavaScript
this.$off('event-name', callback);
其中，event-name 是事件名称，callback 是要取消订阅的回调函数。
全局事件总线是一种简单易用的方式来实现组件间通信，但它也存在一些缺点：
耦合性高：发布者和订阅者之间耦合性高，发布者需要知道订阅者的存在。
难以维护：当项目变得复杂时，全局事件总线可能会变得难以维护，因为很难跟踪哪些组件发布了哪些事件，哪些组件订阅了哪些事件。
Vuex
Vuex 是一个状态管理库，它可以用来实现更复杂的消息订阅与发布。Vuex 使用一个存储来存储应用程序的状态，并提供 mutations 和 actions 来更新状态。组件可以通过 getters 来获取状态，并可以通过 dispatch 来触发 mutations 和 actions。
要使用 Vuex 来实现消息订阅与发布，可以使用以下方法：
发布消息（Publish Messages）
JavaScript
this.$store.dispatch('mutation-name', data);
订阅消息（Subscribe Messages）
JavaScript
watch(() => {
return this.$store.state.property;
}, (newValue, oldValue) => {
// 当 state.property 变化时执行回调函数
});
其中，property 是要订阅的 state 属性，callback 是当 state 属性变化时要执行的回调函数。
Vuex 是一种更灵活、更强大的方式来实现消息订阅与发布，但它也更加复杂。
什么时候使用哪种方法？
如果您的应用程序只需要简单的组件间通信，那么可以使用全局事件总线。但是，如果您的应用程序需要更复杂的消息订阅与发布，或者您需要管理应用程序的状态，那么建议使用 Vuex。
以下是一些有关何时使用哪种方法的建议：
以下是一些 Vue 2 中消息订阅与发布的示例：
实现一个组件间通信的简单示例
export default {
data() {
return {
message: 'Hello from parent!'
};
},
methods: {
sendMessage() {
this.$emit('message-sent', this.message);
}
}
};
export default {
methods: {
receiveMessage(message) {
console.log('Received message:', message);
}
},
mounted() {
this.$on('message-sent', this.receiveMessage);
},
beforeDestroy() {
this.$off('message-sent', this.receiveMessage);
}
};
使用 Vuex 来实现一个简单的计数器应用程序
export default new Vuex.Store({
state: {
count: 0
},
mutations: {
increment(state) {
state.count++;
},
decrement(state) {
state.count--;
}
},
actions: {
incrementCount({ commit }) {
commit('increment');
}