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