vue非父子組件傳值步驟 Vue到底是怎樣個(gè)框架?
Vue到底是怎樣個(gè)框架?Vue.js是什么?Vue.js是一個(gè)用于構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的web界面的漸進(jìn)式框架。Vue.js的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合視圖組件。很多用過(guò)vue的程序
Vue到底是怎樣個(gè)框架?
Vue.js是什么?
Vue.js是一個(gè)用于構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的web界面的漸進(jìn)式框架。Vue.js的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的API實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合視圖組件。很多用過(guò)vue的程序員都評(píng)論過(guò) "vue.js既有angular.js和react.js的優(yōu)點(diǎn),又消除了它們的缺點(diǎn)。 "
Vu
vue數(shù)據(jù)怎么傳?
在vue中傳遞值有兩種。道具傳下來(lái),事件傳上去;2.子組件通過(guò)$emit觸發(fā)父組件的自定義事件;3.通過(guò)定義公共實(shí)例文件,在非父組件和子組件之間傳遞值。
Vue中常用的三種價(jià)值傳遞方法
父子
父子組件之間的關(guān)系可以概括為屬性向下傳遞和事件向上傳遞。父組件通過(guò)prop向子組件發(fā)送數(shù)據(jù),子組件通過(guò)事件向父組件發(fā)送消息。
父組件:
子組件:
從兒子傳給父親
子組件可以通過(guò)$emit觸發(fā)父組件的自定義事件。Vm。$emit(event,arg)用于觸發(fā)當(dāng)前實(shí)例上的事件;
子組件:
父組件:
非父子組件值轉(zhuǎn)移
要在非父組件與子組件之間傳遞值,需要定義一個(gè)公共實(shí)例文件bus.js作為傳遞值的中間倉(cāng)庫(kù),否則達(dá)不到路由組件之間傳遞值的效果。