params與query

router檔案下index.js裡面，是這麼定義路由的：

{
    path: '/about',
    name: 'About',
    component: About
}

用query傳參可以直接寫在path路由地址裡，也可寫在json物件中

//query,用路徑跳轉

this.$router.push({
    path:'/about',
    query:{
        name:'about',
        code:111
    }
})
            

接收引數

this.$route.query

是{name: "about", code: "111"}
 

用params傳參需要直接寫在json物件中，跳轉地址為router中配置的name（此處是About），params中是傳的資料

//params,用name跳轉傳參
this.$router.push({
    name:'About',
    params:{
        name:'about',
        code:111
    }
})

接收引數

this.$route.params.code;
是
{name: "about", code: "111"}

總結：

query要用path來引入，params要用name來引入，接收引數都是類似的，分別是this.$route.query.name和this.$route.params.name。 注意接收引數的時候，已經是$route而不是$router

query更加類似於我們ajax中get傳參，params則類似於post，說的再簡單一點，前者在瀏覽器位址列中顯示引數，後者則不顯示