Vue.js 来自其他Vue组件的值

如何在另一个Vue组件中获取元素的值并在另一个组件中使用它。例如，我想从一个单独的组件中获取一个文本框的值，然后在另一个组件中使用它。

通过使用事件总线在任何组件之间进行通信

A部分：

<script>
export default {
  name: 'ComponentA',
  methods: {
    onTextAreaChange: function(event) {
      this.$root.$emit('changed', event)
    }
  }
}
</script>

导出默认值{
名称：“组件A”，
方法：{
onTextAreaChange：函数（事件）{
此.$root.$emit（'changed'，事件）
}
}
}

B部分：

<script>
export default {
  name: 'App',
  mounted() {
    this.$root.$on('changed', (data) => {
      //...console data here
    })
  }
}
</script>

导出默认值{
名称：“应用程序”，
安装的（）{
此.$root.$on（'changed'，（数据）=>{
//…这里是控制台数据
})
}
}

挂载的函数是否也可以处理多种方法，还是只处理一种方法？是的，它可以。例如，您可以在mounted中初始化模型值，也可以为某些xhr请求初始化模型值。请问事件是什么，是否需要将函数添加到textboxYes。嗨，我希望你能回答这个后续问题，如果点击了标签怎么办？我怎么能使用相同的功能