其實我是這樣做沒錯,但是回歸到最初的問題點是,若contentpage有10~20個時我是不是都得加入這個共用變數來記錄,我想在masterpage時,當contentpage任一控制項按下之後,我想直接透過masterpage就可以收到controls event ..>_<這樣就可以不用去維護這麼多頁面了
untitled
你如果到那麼大量當然是用Vuex會比較好@@
Homura 大大想問一下,
感覺 Vue 的父子組件並不像 ng1 的 $scope 有繼承概念,
因此 contentpage 無法直接綁定(觸發) masterpage 的 data 或 methods,
而使用 Vuex 這點還是不變,必需透過 this.$root 或 this.$emit() 等方式間接觸發,
所以各 contentpage 還是需要維護自己觸發父層的 data 或 methods,
不過核心邏輯是可以放在 masterpage 統一管理。
不知道我有沒有理解錯誤。
fysh711426
Vue也有父組件傳值給子組件的方式唷
https://jeremysu0131.github.io/Vue-js-%E7%88%B6%E5%AD%90%E7%B5%84%E4%BB%B6%E6%BA%9D%E9%80%9A-Props/
Vuex我也沒就玩過,不過看介紹跟你說的方法類似沒錯
props 可以將父組件的值傳入子組件,類似 ng2 的 @input,
資料由根節點往子節點流動,也就是單向數據流,
不過父子組件的作用域還是分開的,而 ng1 更像是子層完全繼承父層,
子層可以直接修改父層的資料,ng1 這點好像可以達到本篇的需求,
不過這樣雖然方便,但資料流是交錯的,
在大型專案反而不好維護,無法預測資料的變化。
對 Vuex 蠻有興趣的,感謝大大的資料。
fysh711426
其實單向好像會比較好
我之前玩React時也是這樣設計得
Vue官方文件有寫一些Vue比ng1更好得原因
https://cn.vuejs.org/v2/guide/comparison.html#AngularJS-Angular-1
恩單向比較好,Vue、React、Angular 的組件樹都是設計成單向的,
下個專案想用 Vue 試試看,目前都只看了理論,還沒有實戰過。
感謝各位大大的經驗