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...
我之前写的一篇文章的第二部分 【二、项目实战开发】
希望能帮到你