Vue2、Vue3父子组件通信

父传子

父组件给子组件传数据：子组件使用props配置项（Vue3是 defineProps API）接收来自父组件传出来的数据。

子传父

子组件给父组件传数据：

• 方法一：父组件需要给子组件提前传一个函数，子组件使用props接收单项绑定的函数，给子组件绑定键盘事件调用这个函数，这样父组件就会受到函数的返回值。
• 方法二（推荐）：使用组件自定义事件（Vue2是this.$emit，Vue3是defineEmits API）父组件为子组件绑定自定义事件，子组件使用$emit 方法触发该自定义事件并传参，父组件接收参数。