vue,prop屬性
在沒有狀態管理機制的時候,prop屬性是組件之間主要的通信方式,prop屬性其實是一個對象,在這個對象裏可以定義一些數據,而這些數據可以通過父組件傳遞給子組件。
prop屬性可以定義屬性的類型,也可以定義屬性的初始值。
prop定義的數據類型具體示例如下:
props: {
name: String, //字符串類型
type: {
validator: function(value) { //驗證函數
// 這個值必須匹配下列字符串中的一個
return ["success", "warning", "danger"].includes(value);
}
},
list: {
type: Array,//數組類型,也可以是Object
default: () => []
},
isVisible: { //Boolean類型
type: Boolean,
default: false
},
onChange: { //函數類型
type: Function,
default: () => {}
}
},
如name:String,default:"vm",表示第一次加載name屬性時其值爲vm。prop屬性中定義的屬性也可以驗證該屬性,比如上面的type屬性,其值必須是"success", "warning", "danger"中的任意一個,要是不是這是三個中的任意一個也可以顯示,但是這時控制檯會報錯,所以要使用validator驗證函數時要謹慎。這裏的list定義的是一個數組,默認必須從一個工廠函數獲取。isVisble定義的是一個boolean值,默認是default:false。onChange定義的是一個函數,這個函數在這裏的意義是建立子組件向父組件傳值的途徑。
關於prop屬性用法,我們就分享到這啦!
-
qq怎麼恢復被退出的羣
21世紀是互聯網信息時代,互聯網聊天軟件發揮重要信息溝通作用,一些我們不需要的聊天羣會選擇退出,也會由於不小心或者別的原因退出了qq羣,那麼退出的聊天羣該怎麼恢復呢?退出的qq羣只有羣主能進行恢復操作,管理員不能恢復,而且只能恢復被羣主或管理員刪除的羣成員。而...
-
黑色背景拍照竅門詳解
1、調整拍攝角度,尋找背景:既然是拍攝黑背景,在拍攝前我們儘量選擇深色的背景,這樣也就更加容易達到效果。不過深色不一定要是純黑色,只要顏色較爲深沉,偏向暗色調的均可。拍攝前多多觀察,尋找不同的拍攝角度,以找到有反差的深色作爲背景。要多嘗試不同的角度,直至主體...
-
蘋果5打電話怎麼錄音
1、首先在AppleStore商城直接搜索Wetalkpro下載安裝到手機裏。2、然後打開Wetalkpro,撥打對方的手機號碼。3、通話時只要點擊一下里面的紅色錄音按鈕就可以進行錄音,把對話記錄下來。4、通話錄音的記錄在歷史與錄音裏面可以查看到了。5、特別提示:因爲這款軟件使...
-
樓上樓下安裝兩個路由器方法,如何樓上樓下安裝兩個路由器
1、兩個無線路由器,主路由器A,副路由器B,主路由器A中不需要任何更改。把副路由器B放在家合適的位置中,接通電源。打開手機連接上副路由器B的WIFI(也可用電腦設置),打開任一瀏覽器,在地址欄中輸入路由器的IP(不同路由器的IP不一樣,具體查看說明書或路由器背面標籤)。2、輸...