vue 2.0 - props

_加陽發表於2018-06-22

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: ...
}
複製程式碼

相關文章