vue3学习（Prop组件交互）

Prop组件交互

Prop传递参数

组件与组件之间是存在交互的。

Prop可以在组件上进行一些传递。Prop传递参数没有类型限制，也没有数量限制。

实战演练（例创建一个mycomponent.vue,将app.vue中的值传递给mycomponent.vue）

1首先在app.vue中创建需要传递的数据。

2.将所要传递的值绑定给app.vue中的mycomponent.vue。

3.在mycomponent中用prop接收传递的值。（该语法为固定模板）。需定义所传递的类型，传递中断输出什么。

4.显示传递的值。

（注：两个文件都需要保存，否则会无法显示）

Prop类型

Prop传递参数没有类型限制。

 

都可以进行传递

但需注意：数据类型为数组或者对象的时候，默认值是需要返回工厂模式。