海詩網(wǎng) 知識百科 vue(vue視頻剪輯)

vue(vue視頻剪輯)

vue, 當(dāng)沒有狀態(tài)管理機(jī)制時,prop屬性是組件之間的主要通信方式。prop屬性實(shí)際上是一個對象,在這個對象中可以定義一些數(shù)據(jù),這些數(shù)據(jù)可以通過父組件傳遞給子組件。

vue視頻剪輯

屬性可以定義屬性的類型或?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ù)在這里的意義是為子組件建立一個向父組件傳遞值的方式。

vue視頻剪輯

關(guān)于prop屬性的用法,我們就分享到這里!

vue,以上就是本文為您收集整理的vue最新內(nèi)容,希望能幫到您!更多相關(guān)內(nèi)容歡迎關(guān)注。

本文來自網(wǎng)絡(luò),不代表海詩網(wǎng)立場,轉(zhuǎn)載請注明出處:http://x91880.com/n/169632.html
      

vue兄弟組件之間傳值(vue兄弟組件之間傳值)

發(fā)表回復(fù)
聯(lián)系我們
聯(lián)系我們

在線咨詢: QQ交談

郵箱: 3587015498@qq.com

工作時間:周一至周五,9:00-17:30,節(jié)假日休息

關(guān)注微信
微信掃一掃關(guān)注我們
微信掃一掃關(guān)注我們
關(guān)注微博
返回頂部