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

2021-10-06 02:48:50 字數 638 閱讀 2769

1.元件引數校驗——父元件向子元件傳遞一些內容,子元件有權對接收的內容進行一些約束(即元件接收的引數是有規則可定義的),這些約束就是元件引數校驗。

子元件通過props接收傳遞引數,並說明傳遞引數的屬性:

2.props特性——子元件裡宣告了對父元件傳遞的屬性的接收(父子元件之間有對應關係)

(1)傳遞的屬性不會在控制台的dom標籤上顯示

(2)子元件模板可以通過插值表示式使用父元件傳遞的引數

非props特性——子元件裡沒有宣告對父元件傳遞的屬性的接收(使用場景較少)

(1)傳遞的屬性會在控制台的dom標籤上顯示

(2)子元件模板不能通過插值表示式使用父元件傳遞的引數

>

"root"

>

content

="hello"

>

child

>

div>

>

vue.

component

('child',}

},template:'}'

})var vm =

newvue()

script

>

body

>

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,我要做一些約束,要求它我傳遞過來的...