簡單介紹一下vue-router傳參的幾種，深入學(xué)習(xí)請移步 vue-router2中文文檔

聲明式

<router-link :to="{path:'newsDetail/'+id}"><router-link>

<router-link :to="{name:'newsDetail',params:{id:123}}"><router-link>

//也可以使用以下方式：
<router-link v-bind="{to:'/newsDetail/'+id}"><router-link>

編程式

router.push({ name: 'newsDetail', params: { id: 123 }})  ->/newsDetail/123

router.push({ path: 'newsDetail', query: { id: 123 }}) ->newsDetail?id=123

// 注意這里的 params 不生效
router.push({ path: '/user', params: { userId }}) // -> /user

//別忘了路由里配置
{ path: '/newsDetail/:id', name:'newsDetail',component: newsDetail}

• 以params的方式在路由之間傳遞參數(shù)，參數(shù)可以從this.$route.params中獲取，以query的方式在路由之間傳遞參數(shù)，參數(shù)可以從this.$route.query中獲取。