一、今天在使用vuex做web開(kai)發時需要在頁面間進行參數傳(chuan)遞。我們(men)知道頁面間的(de)參數傳(chuan)遞有①保存到(dao)(dao)cookie中。②放(fang)置到(dao)(dao)url請求中。③JS之間函數控(kong)制，等。

二、在vuex中把頁面（組件）之間的(de)跳(tiao)轉稱之為路由。同(tong)時在路由中還可以進行(xing)參數(shu)傳遞。這里就(jiu)簡單(dan)舉例下今天使用到的(de)情況。

三、首先在router的(de)根目錄下的(de)index.js（也可(ke)以設置為其他的(de)js文件，默認index）中把路由參數配置如下：

import Vue from 'vue'
import Router from 'vue-router'
import part from '../views/main/part'
Vue.use(Router)
export default new Router({
 routes: [
 {
 path: '/part',
 name: 'part',
 component: part,
 meta: {
 title: 'part'
 }
 }
 ]
})

然后(hou)，在需跳轉頁(ye)面(mian)使用一下(xia)規則進(jin)行跳轉，代碼如下(xia)：

this.$router.push({
 path: '/part',
 query: {
 partName: partName
 }
 })

最后(hou)在目標頁面中使用如下代碼取出參(can)數即可：

let partName = this.$route.query.partName；

四(si)、以(yi)上就是vuex路由使(shi)用(yong)中(zhong)的(de)(de)參數傳遞解決(jue)方案的(de)(de)全(quan)部內容，持續更新中(zhong)歡(huan)迎訂(ding)閱關注(zhu)。純手打，如(ru)有不當之處敬請(qing)斧正(zheng)。也希望(wang)在對大家(jia)產生作用(yong)的(de)(de)同(tong)時多(duo)多(duo)關注(zhu)交(jiao)流！