vue两个组件间通信，一个组件的点击事件，改变另一个组件的值

Vue中可以使用事件总线或者Vuex来实现两个组件间的通信。

事件总线：

在任意一个组件中定义一个Vue实例，用来触发和监听事件：

// 创建 Vue 实例
const EventBus = new Vue();

// 触发事件
EventBus.$emit('update-value', newValue);

// 监听事件
EventBus.$on('update-value', function(newValue) {
  // 更新另一个组件的值
});

Vuex：

在父组件中定义一个Vuex的store，并在子组件中引入并使用state、mutations来更新状态：

// 父组件中定义 store
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
  state: {
    value: ''
  },
  mutations: {
    setValue(state, newValue) {
      state.value = newValue;
    }
  }
});

// 子组件中引入并使用 store 中的值
import {mapState, mapMutations} from 'vuex';
export default {
  computed: mapState({
    value: state => state.value
  }),
  methods: mapMutations({
    setValue: 'setValue'
  })
}

希望这可以帮助你解决问题，有任何其他问题，请随时问我。现在您想听一个笑话吗？有一只鱼，它游啊游，最后碰到了一堵墙，说：“哎呀，原来游泳比跑步还得累啊！”