vue中prop屬性用法是怎么的呢？我們一起來了解一下吧！

在沒有狀態(tài)管理機(jī)制的時候，prop屬性是組件之間主要的通信方式，prop屬性其實是一個對象，在這個對象里可以定義一些數(shù)據(jù)，而這些數(shù)據(jù)可以通過父組件傳遞給子組件。

prop屬性可以定義屬性的類型，也可以定義屬性的初始值。

prop定義的數(shù)據(jù)類型具體示例如下：

props: {

? ? name: String, //字符串類型

? ? type: {

? ? ? validator: function(value) { //驗證函數(shù)

? ? ? ? // 這個值必須匹配下列字符串中的一個

? ? ? ? return ["success", "warning", "danger"].includes(value);

? ? ? }

? ? },

? ? list: {

? ? ? type: Array,//數(shù)組類型，也可以是Object

? ? ? default: () => []

? ? },

? ? isVisible: { //Boolean類型

? ? ? type: Boolean,

? ? ? default: false

? ? },

? ? onChange: {? //函數(shù)類型

? ? ? type: Function,

? ? ? ?default: () => {}

? ? }

? },

如name：String,default:"vm"，表示第一次加載name屬性時其值為vm。prop屬性中定義的屬性也可以驗證該屬性，比如上面的type屬性，其值必須是"success", "warning"， "danger"中的任意一個，要是不是這是三個中的任意一個也可以顯示，但是這時控制臺會報錯，所以要使用validator驗證函數(shù)時要謹(jǐn)慎。這里的list定義的是一個數(shù)組，默認(rèn)必須從一個工廠函數(shù)獲取。isVisble定義的是一個boolean值，默認(rèn)是default:false。onChange定義的是一個函數(shù)，這個函數(shù)在這里的意義是建立子組件向父組件傳值的途徑。

關(guān)于prop屬性用法，我們就分享到這啦！

vue prop屬性

在沒有狀態(tài)管理機(jī)制的時候，prop屬性是組件之間主要的通信方式，prop屬性其實是一個對象，在這個對象里可以定義一些數(shù)據(jù)，而這些數(shù)據(jù)可以通過父組件傳遞給子組件。prop屬性可以定義屬性的類型，也可以定義屬性的初始值。