Vue之元件(Props特性深析)

2021-09-29 02:56:25 字數 843 閱讀 4037

(1)prop 的命名風格

前言:

案例:要求所傳引數數值必須在18-50之間

validator為函式格式,且接收引數value即為props傳值大小,返回值為自定義校驗限制範圍

分類型別:

①基礎資料型別type校驗

②多條件資料型別type校驗

③必填項required校驗

④預設值default校驗

⑤自定義校驗器validator校驗

3、props特性:概括為父元件傳,子元件接,dom標籤內直接用。

4、props的值可以是兩種,一種是字串陣列,一種是物件;

5、props中宣告的資料與元件data函式return的資料主要區別

6、inheritattrs繼承屬性+$attrs屬性,即可解決非props屬性帶來的問題

7、==$attrs–==繼承所有的父元件屬性(除了prop傳遞的屬性、class 和 style )

8、inheritattrs:預設值true,繼承所有的父元件屬性(除props的特定繫結)作為普通的html特性應用在子元件的根元素上,如果你不希望元件的根元素繼承特性設定inheritattrs: false,但是class屬性會繼承

9、$attrs與inheritattrs:用在父元件傳遞資料給子元件

Vue 元件引數校驗與非props特性

元件的引數校驗指的是什麼呢?你父元件向子元件傳遞的內容,子元件有權對這個內容進行一些約束,這個約束我們可以把它叫做引數的校驗。vue.component child let vm new vue 現在有這樣乙個需求,父元件呼叫子元件的時候,傳遞的這個content,我要做一些約束,要求它我傳遞過來的...

Vue 元件引數校驗與非props特性

元件的引數校驗指的是什麼呢?你父元件向子元件傳遞的內容,子元件有權對這個內容進行一些約束,這個約束我們可以把它叫做引數的校驗。vue.component child let vm new vue 現在有這樣乙個需求,父元件呼叫子元件的時候,傳遞的這個content,我要做一些約束,要求它我傳遞過來的...

Vue 元件引數校驗與非props特性

元件的引數校驗指的是什麼呢?你父元件向子元件傳遞的內容,子元件有權對這個內容進行一些約束,這個約束我們可以把它叫做引數的校驗。vue.component child let vm new vue 現在有這樣乙個需求,父元件呼叫子元件的時候,傳遞的這個content,我要做一些約束,要求它我傳遞過來的...