鍍金池/ 問答/HTML/ vuex應(yīng)該如何配置？

vuex應(yīng)該如何配置？

在做一個vue仿微信的demo
我想把頁頭的標(biāo)題（微信、通訊錄、發(fā)現(xiàn)、我）用vuex存儲，每次點擊底部導(dǎo)航按鈕來改變頁頭的標(biāo)題。

我在vuex文件夾下store.js里寫了一個默認(rèn)的首頁currentpagename，之前想的是點擊底部導(dǎo)航后在vcontact.vue/vexplore.vue/vme.vue這三個文件內(nèi)寫一個$store.state.currentPageName='微信'來改變頁頭的標(biāo)題，但是不知道怎么寫而且一直在報錯或者無法顯示，或者是我的思路有問題？

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

請大神指點，感謝?。?/p>

回答
編輯回答
心夠野

沒必要那么麻煩，直接在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: '發(fā)現(xiàn)'}
    },
    {
      path: '/my',
      name: 'My',
      component: My,
      meta: {title: '我'}
    },
  ]

組件里獲取標(biāo)題

this.$route.meta
2018年4月4日 12:41