編寫時(shí)間2017-2-7
vue.js編寫方式是通過html格式調(diào)用模版(元素/標(biāo)簽),這里面的模版可以是template的xml格式,也可以是javascript代碼。
組件之間的通信:
父子組件之間:
父組件數(shù)據(jù)在子組件中使用:用PRops屬性;子組件向父組件傳遞信息是用events,監(jiān)聽子組件執(zhí)行方法,然后再運(yùn)行父組件的方法。
父組件中獲取子組件:同ref屬性js代碼:parent.$refs.a;還有內(nèi)容分發(fā)slot,parent.$slots.b等。
有時(shí)候非父子關(guān)系的組件也需要通信
var bus = new Vue() |
// 觸發(fā)組件 A 中的事件bus.$emit('id-selected', 1) |
// 在組件 B 創(chuàng)建的鉤子中監(jiān)聽事件bus.$on('id-selected', function (id) { // ...}) |
在更多復(fù)雜的情況下,你應(yīng)該考慮使用專門的 狀態(tài)管理模式.
新聞熱點(diǎn)
疑難解答
圖片精選