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进行接参。这样，即使页面被刷新，传参也不会消失。