在vue3.0中我们应该怎么去做组件通信呢？在vue3.0中，组件通信官方给出了固定的方法：defineProps、defineEmits，defineExpose、withDefaults，那么接下来我们来看看这四个方法。

一、defineProps

定义：

        接收props选项相同的值，父子关系（父传子）组件通信，使用自定义属性来向下传值。

代码：

父级：

html:（父级通过自定义属性向子级传递）

ts:

const name = ref('11')

const age = ref(12)

子级：

html:(使用父级传入的内容)

{

{ name}} {

{age}}

ts:（接收父级传入内容）

import { defineProps } from 'vue'; // 引入props，子级需要使用props来接收

defineProps({

name: String, // 定义其数据类型

age: Number, // 定义其数据类型

})

文章来源

 您阅读本篇文章共花了：