首先要知道:
在vue2中,我们使用选项api中的props来接受父组件传递来的数据。
在vue3的setup中,我们使用defineProps来定义父组件传递的props。
defineProps介绍:
1.defineProps是vue3的一个宏函数,使用时可不导入
2.defineProps是一个函数,参数与vue2的props选项相同
3.定义后props可直接在模板中使用,或者在setup其他地方使用
4.defineProps返回的props对象,是一个proxy对象,所有特性和reactive基本相同,只不过由defineProps定义出的props对象的值是只读的,还有在模板上可以单独属性直接使用