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