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的具体值