vue-url傳參

跳轉到新頁面時，一般用this.$router.push(path:'',query:{id:1})里的query進行傳參，在打開的新頁面里，用this.$route.query.id進行接參，注意這里是$route而不是$router。

其實還有一種傳參的方式，需要在vueRouter中配置，而且還要和后端人員約定好：

eg: 　　

router.js

const router = new VueRouter({
  routes: [
    // 動態路徑參數 以冒號開頭
    { path: '/user/:id', component: User }// 名為User的頁面組件

] })

//在頁面中被訪問到的實際url：/user/18 因為url路徑多了一層，所以要提前和后端進行約定。否則就會出現404的報錯。

在User組件中，使用this.$route.params.id進行接參。這樣，即使頁面被刷新，傳參也不會消失。