專案位址: 連結描述
目前有3個元件headers、Footers、UserList
#其中headers
中{{title}}
#為顯示頁面標題
我想透過存取其它元件改變headers
的title
資料,請問有哪些方法,能舉下例麼.
感覺router、vuex和vue本身都能實現,但就是不知道怎麼做.
另外麻煩看下app.vue
和router/index.js
,裡面的headers、Footers 、UserList
,它們是什麼關係?UserList
是否屬於他們的子元件?
用vuex的實現為:
將header的title抽取為state的一個屬性,定義一個getter來獲取該title,定義一個mutation,在你訪問其他組件的時候,commit這個mutation, 同時該mutation的payload為title的具體值
如果覺得vuex搞不明白,那就把刷新資料的方法抽離放到父元件上,要嘛自己搞一個全域的刷新器
/a/11...
我之前寫的一篇文章的第二部分 【二、專案實戰開發】
希望能幫到你