vue导航跳转问题

Question

就是点击下面的导航（如图），顶部的title跟着更新，比如点击“通讯录”，顶部那个title就变成“通讯录”。。。
导航和顶部title部分是我分别定义的两个组件，footer.vue和header.vue
谁能告诉一个解决思路吗 谢谢！

Answer 1

有几种解决方法：
1、使用 vuex,详细自己参考官方文档。（不建议小项目使用）。
2、兄弟级组件之间数据传递，可以在footer.vue中传递数据到父及组件中，父及组件在传递到header.vue组件中。
3、使用router点击之后跳转到不同的路由下面，也可以是带参数的形式。当路由改变的时候，在header.vue使用如下方法进行获取并修改:

beforeRouteEnter(to, from, next) {
            var params = to.params.bid;
            next()
        },
beforeRouteUpdate(to, from, next) {
    next()
},
beforeRouteLeave(to, from, next) {
    next()
},

这几个方法详细参考官方的API简单实用