vue中父子组件传值之父传子

简单理解父传子

步骤:

1.正常定义自己父组件中的数据。

vue中父子组件传值之父传子

 

2.在父组件中把子组件当做标签使用,并给它绑定自定义属性。

vue中父子组件传值之父传子

3.把子组件引入到父组件中

vue中父子组件传值之父传子

4.在子组件中通过props接收父组件传过来的值

vue中父子组件传值之父传子

5.应用在子组件中。

vue中父子组件传值之父传子

6.应用在函数中。

vue中父子组件传值之父传子

vue中父子组件传值之父传子

props有三个属性。

Props:{

      数据项名字:{

        type:类型。指明从父组件中传递过来的数据必须是什么类型。它的取值是:Object,Array,String,Number,Boolean 都是构造器。不要写成字符串。

        default://默认值。当父组件没有传数据时,就用这个值。

        required:true/false 。是否必须一定要传递过来。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzfsxg.html