vue 2.0 - props

252 阅读1分钟

props写法

  1. 可以是一个数组,每个元素是属性名的字符串形式
  2. 可以是一个对象,也可再用对象来指定每一个属性的类型和默认值

第2种写法总觉得太麻烦,只有在需要默认值的时候才会用

父组件传值

  1. 传静态值 item="point" // 传的是字符串"point" (这里有一个要点,注意有无冒号) item="24" // 传的是字符串"24" :item="24" // 传的是数值24
  2. 传变量 :item="point" // 传的是变量"point"
  3. 传整个变量的简写 v-bind="item"
    // 传的是整个item对象,在子组件得到的是item的所有属性值,相当于结构一层!

验证

属性名:{
    type: ...,
    required: ...,
    default: ...,   // 会要求用函数return
    validator: ...
}