prop

從外部接收資源

  1. 有加冒號 會讀上層元素/沒加冒號 直接顯示值
  2. 檢查外面收到的值要判斷,預防錯誤
  3. 判斷時可以加required= ture 強制規定要有prop
  4. default預設值
  5. object,可以接受陣列或fun
  6. 自訂驗證
  7. prop定義要詳細.
  8. 用來接收父元件的資料。
  9. 為元件中的自訂屬性。

props

props选项就是设置和获取标签上的属性值的

作用

  • 定义属性并获取属性值

  • 属性中带’-‘的处理方式用小驼峰式写法props:[‘formHere’]/<pandafrom-here=”China”>

  • 三、在构造器里向组件中传值

動態Props(Dynamic Props)

props接收資料的方法結合屬性綁定的指令v-bind和資料雙向綁定的指令v-model,當父元件的資料改變時,子元件資料也會跟著改變,來達到動態資料變化的效果。

使用props的小細節:傳入的資料是字串還是數值?

如果我們只是透過props來接收模板屬性資料時,因為模板不會做任何處理,所以我們收到的資料型態為string,但是我們假設我們想收到的資料型態為number,則我們必須使用v-bind指令

Prop驗證(Prop Validation)

  • 我們可以在元件定義Prop的資料型態,當傳入的資料不符合該型態時,Vue就會提出警告。
  • 通常會使用物件的方式來定義資料型態,但是如果有多個資料型態,可以使用陣列。

單向資料流(One-Way Data Flow)

  • Prop是單向綁定的,也就是當父元件屬性資料改變時,只能單向傳遞資料給子元件,反過來是不行的,目的是為了不讓子元件可以任意去更改父元件的狀態。
  • 注意,當父元件更新時,子元件的所有prop也會跟著更新為最新的資料。
  • 但是如果我們還是想要從子元件中更動父元件的資料狀態時,我們可以使用區域變數(local variable)或computed的方式來做

propsData

不是和属性有关,他用在全局扩展时进行传递数据

推荐用全局扩展的方式作自定义标签

results matching ""

    No results matching ""