vuex应该如何配置？

Question

在做一个vue仿微信的demo
我想把页头的标题（微信、通讯录、发现、我）用vuex存储，每次点击底部导航按钮来改变页头的标题。

我在vuex文件夹下store.js里写了一个默认的首页currentpagename，之前想的是点击底部导航后在vcontact.vue/vexplore.vue/vme.vue这三个文件内写一个$store.state.currentPageName='微信'来改变页头的标题，但是不知道怎么写而且一直在报错或者无法显示，或者是我的思路有问题？

代码地址：https://github.com/RicardoCao...

请大神指点，感谢！！

Answer 1

没必要那么麻烦，直接在router/index.js里配置就好

index.js

...
routes: [
    {
      path: '/',
      redirect: '/weixin'
    },
    {
      path: '/weixin',
      name: 'Weixin',
      component: Weixin,
      meta: {title: '微信'}
    },
    {
      path: '/contact',
      name: 'Contact',
      component: Contact,
      meta: {title: '通讯录'}
    },
    {
      path: '/find',
      name: 'Find',
      component: Find,
      meta: {title: '发现'}
    },
    {
      path: '/my',
      name: 'My',
      component: My,
      meta: {title: '我'}
    },
  ]

组件里获取标题

this.$route.meta