子組件使用父組件數(shù)據(jù)
父組件
父組件聲明變量
父組件向子組件傳遞數(shù)據(jù)
子組件
Vue 數(shù)據(jù)類型 type 有以下幾種：
- String：字符串類型。例如：“hello world”。
- Number：數(shù)字類型。例如：12，1.5。
- Boolean：布爾類型。例如：true，false。
- Object：對象類型。例如：{name: ‘Tom’, age: 20}。
- Array：數(shù)組類型。例如：[1, 2, 3]。
- Function：函數(shù)類型。例如：function() { console.log(‘hello’) }。
- Date：日期類型。例如：new Date()。
- Symbol：符號類型。例如：Symbol(‘foo’)。
- null：空類型。表示該值為 null。
- undefined：未定義類型。表示該值未定義。
- any：任意類型。表示可以是任何類型的值。
注意：子組件不要修改這個(gè)數(shù)據(jù)，不然會報(bào)錯(cuò)
子組件監(jiān)聽父組件的數(shù)據(jù)變化
子組件
vue3之后，需要將watch放到這個(gè)位置，不然會爆紅
/**
* 監(jiān)聽父組件的數(shù)據(jù)變化
*/
watch: {
backupSourceId: {
handler(newValue, oldValue) {
this.listBackupTarget(false);
},
}
},
父組件監(jiān)聽子組件的數(shù)據(jù)變化
子組件
子組件變量聲明
文章來源：http://www.zghlxwxcb.cn/news/detail-619728.html
父組件
文章來源地址http://www.zghlxwxcb.cn/news/detail-619728.html
到了這里，關(guān)于Vue組件使用（父組件監(jiān)聽子組件數(shù)據(jù)變化，子組件使用父組件的數(shù)據(jù)，并監(jiān)聽父組件的數(shù)據(jù)變化）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
