vue组件传值（父传子）

vue组件传值

父传子

1、父传子是：

父组件给子组件传参数

2、如何实现：

• 父组件给子组件动态绑定属性
• 子组件通过props属性接收
• props是组件实例的一个属性，代表的是接收到的数据
• props的值可以是数组也可以是对象
  a）、数组形式：
  props:[‘title’,‘likes’,‘isPublished’,‘commentIds’,‘author’]
  b)、对象形式（需要进行校验的时候，别人给的东西不能无脑要，）

    Vue.componentb('my-component',{
       props:{
         //基础的类型检查（'null'和‘undefined’会通过任何类型验证）
         //多个可能的类型
         propA:Number,
         propB:[String,Number],
         //必填的字符串
         propC:{
              type:String,
              required:true
          },
         //带有默认值的数字
         poropD:{
              tyoe:Number,
              default:100
         }
       }
    })