在Vue 2中，父子组件之间的通信可以通过props和$emit来实现。
父传子：
-
在父组件中绑定要传递的数据到子组件的属性上。
-
在子组件中通过
props选项声明接收的属性。
子传父：
-
在子组件中使用
$emit方法触发一个事件，并传递数据。 -
在父组件中监听这个事件，并处理数据。
以下是示例代码：
父组件：
<template><div><child-component :parentData="parentData" @childEvent="handleChildEvent"></child-component></div>
</template><script>
import ChildComponent from './ChildComponent.vue';export default {components: {ChildComponent},data() {return {parentData: '父组件数据'};},methods: {handleChildEvent(data) {console.log('子组件传来的数据:', data);}}
};
</script>子组件：
<template><div><button @click="sendToParent">点击发送数据到父组件</button></div>
</template><script>
export default {props: {parentData: String},methods: {sendToParent() {this.$emit('childEvent', '子组件数据');}}
};
</script>在这个例子中，父组件通过:parentData="parentData"将数据parentData传递给子组件，并且监听名为childEvent的事件。子组件通过点击按钮触发sendToParent方法，使用this.$emit('childEvent', '子组件数据')发送数据给父组件。
