在vue中,當父元件向子元件傳遞值時.子元件可以對傳遞過來的值進行引數校驗.
首先我們定義乙個子元件child
,接受父元件傳遞過來的值content
.
:content
="1"
>
child
>
vue.component('child',}div
>
", })
注意但我們在content
前面加上:
,它會認為這是js表示式,所以認為"1"
是number型別而不是string型別.
:content
="1"
>
child
>
vue.component('child',,
template: ">
}div
>
", })
如果不滿足則會報[vue warn]: invalid prop: type check failed for prop 「content」. expected string, got number.
vue.
component
('child',}
, template:"}"
,})
vue.
component
('child',}
},template:"}"
,})
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,我要做一些約束,要求它我傳遞過來的...