prop
從外部接收資源
- 有加冒號 會讀上層元素/沒加冒號 直接顯示值
- 檢查外面收到的值要判斷,預防錯誤
- 判斷時可以加required= ture 強制規定要有prop
- default預設值
- object,可以接受陣列或fun
- 自訂驗證
- prop定義要詳細.
- 用來接收父元件的資料。
- 為元件中的自訂屬性。
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
不是和属性有关,他用在全局扩展时进行传递数据
推荐用全局扩展的方式作自定义标签