在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vuex應(yīng)該如何配置?

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

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

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

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

請(qǐng)大神指點(diǎn),感謝!!

回答
編輯回答
心夠野

沒(méi)必要那么麻煩,直接在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