javascript - Vue2 組件間的傳值問題請教

Question

專案位址: 連結描述
目前有3個元件headers、Footers、UserList
#其中headers中{{title}}#為顯示頁面標題
我想透過存取其它元件改變headers的title資料,請問有哪些方法,能舉下例麼.
感覺router、vuex和vue本身都能實現,但就是不知道怎麼做.
另外麻煩看下app.vue和router/index.js,裡面的headers、Footers 、UserList,它們是什麼關係?UserList是否屬於他們的子元件?

Answer 1

用vuex的實現為：

將header的title抽取為state的一個屬性，定義一個getter來獲取該title，定義一個mutation，在你訪問其他組件的時候，commit這個mutation, 同時該mutation的payload為title的具體值

Answer 2

如果覺得vuex搞不明白，那就把刷新資料的方法抽離放到父元件上，要嘛自己搞一個全域的刷新器

Answer 3

/a/11...
我之前寫的一篇文章的第二部分 【二、專案實戰開發】
希望能幫到你