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

2021-09-28 06:45:43 字數 1394 閱讀 8120

父元件是通過屬性繫結的方式向子元件傳值的,子元件有權對父元件傳來的引數進行一些約束，我們就稱這為元件引數校驗。

比如我們希望約束父元件傳遞來的資料都是字串型的：



"root"


>


"hello world"


>


<


/child>


<


/div>


//定義乙個全域性元件


vue.


component


('child',,


template:'}'


})var vm=


newvue()


<


/script>


<


/body>
數字型的：



"root"


>


"123"


>


<


/child>


<


/div>


//定義乙個全域性元件


vue.


component


('child',,


template:'}'


})var vm=


newvue()


<


/script>


<


/body>
是字串，或者是數字型別：



"root"


>


"123"


>


<


/child>


<


/div>


//定義乙個全域性元件


vue.


component


('child',,


template:'}'


})var vm=


newvue()


<


/script>


<


/body>
當然也可以要求其它型別，如物件等。除了型別type，還有其它屬性可以使用，還可以寫自定義校驗：



"root"


>


"hello world"


>


<


/child>


<


/div>


//定義乙個全域性元件


vue.


component


('child',}


},template:'}'


})var vm=


newvue()


<


/script>


<


/body>
而非props特性是指父元件宣告了屬性而子元件沒有用props去接收它，從而父元件的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，我要做一些約束，要求它我傳遞過來的...