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

父元件向子元件傳遞引數，子元件有權對這些引數進行約束，這些約束叫做引數的校驗。

>

"123"
>
<
/temp>
<
/div>
vue.
component
("temp",,
template:'}'
})var vm=
newvue()
<
/script>

有的時候有這種需求，傳遞的資料要麼是字串要麼是數字，那麼接收時這麼寫：

props:

,

>

"aaa"
:age=
"18"
>
<
/temp>
<
/div>
vue.
component
("temp",}
},template:
'姓名：}  年齡：}'}
)var vm =
newvue()
;<
/script>

// 簡單語法

vue.
component
('props-demo-******',)
// 物件語法，提供驗證
vue.
component
('props-demo-advanced',}
}})

props特性

父元件通過屬性content傳值給子元件，子元件通過props接收傳遞過來的content屬性，父子元件有對應的關係，這就是props特性。

父元件傳遞過來的屬性並不會在dom中表現出來

子元件接收content後，可以使用插值表示式}或者this.content取值

非props特性

父元件通過屬性content傳值給子元件，但是子元件並沒有通過props接收，在這種情況下如果使用，會報錯content未定義

父元件傳遞過過來的屬性會顯示在dom上

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