首先要知道:
在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
对象的值是只读的,还有在模板上可以单独属性直接使用