vue, 當(dāng)沒有狀態(tài)管理機(jī)制時,prop屬性是組件之間的主要通信方式。prop屬性實(shí)際上是一個對象,在這個對象中可以定義一些數(shù)據(jù),這些數(shù)據(jù)可以通過父組件傳遞給子組件。
屬性可以定義屬性的類型或?qū)傩缘某跏贾怠?
由prop定義的數(shù)據(jù)類型的具體例子如下:
props: {
名稱:字符串,//字符串類型
type: {
Validator: function (value) {//Validate function
//該值必須與下列字符串之一匹配
return [success, warning, danger].includes(value);
}
},
list: {
類型:數(shù)組,//數(shù)組類型或?qū)ο蟆?
default: ()=[]
},
isVisible:{ //boolean類型
type: Boolean,
default: false
},
OnChange: {//函數(shù)類型
type: Function,
default: ()={}
}
},
例如,name: string,default: vm表示首次加載時name屬性的值為vm。在prop attribute中定義的屬性也可以驗(yàn)證這個屬性,比如上面的type屬性,它的值必須是success,warning,
如果不是這三個中的任何一個,則可以顯示任何一個危險,但控制臺會在此時報(bào)告錯誤,因此在使用validator驗(yàn)證功能時要小心。這里的列表定義了一個數(shù)組,默認(rèn)情況下必須從工廠函數(shù)中獲取。
IsVisble定義一個布爾值,默認(rèn)為default:false。OnChange定義了一個函數(shù),這個函數(shù)在這里的意義是為子組件建立一個向父組件傳遞值的方式。
關(guān)于prop屬性的用法,我們就分享到這里!
vue,以上就是本文為您收集整理的vue最新內(nèi)容,希望能幫到您!更多相關(guān)內(nèi)容歡迎關(guān)注。