Vue3.2 script setup 父子组件之间的传值

• 父传子
  • 1.在父页面的子组件通过v-bind(:)监听key传递value值

    

  • 2.在子组件中进行引入import { defineProps } from 'vue'，通过definePorps接收key并声明类型，就可直接使用，

    

• 子传父
  • 1.子组件引入import { defineEmits } from 'vue',
  • 2.defineEmits定义的值是数组形式，defineEmits 也接收 emits 相同的值。

    

  • 3.通过事件触发emit传递值

    

  • 4。父组件中通过监听事件接收子组件的值，key与子组件emit提交事件的属性保持一致，通过自定义的方法名接收值，如图