Vue中父组件给子组件传值的三种方式:

方式一:简单接收

父:<Student :name="张三"  :age="18"></Student>
子接收:
props:["name","age"]

方式二:接收的同时对数据类型进行限制

父:<Student :name="张三"  :age="18"></Student>
子接收:
props:{name:String,age:Number}

方式三:最完整接收写法

父:<Student :name="张三"  :age="18"></Student>
子接收:
props:{
    name:{
       type:String, //接收类型
       required:true //是否必须传值
       },
    age:{
    type:Number,
    default:18    //不传值时默认的值
    }
 }

版权声明:本文为jiandan7410原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。