vue vue-router的传参数和接受参数。帮忙写个列子我参考下

Question

vue-router的传参数和接受参数

帮忙写个列子我参考下 不知道该怎么写

Answer 1

传参

this.$route.push({path:'/xxx',query:{id:1}});//类似get传参，通过URL传递参数
this.$route.push({path:'/xxx',params:{id:1}});//类似post传参

接收参数

this.$route.query.id
this.$route.params.id

Answer 2

路径参数使用冒号 : 标记。当匹配到一个路由时，参数值会被设置到 this.$route.params，可以在每个组件内使用。

const router = new VueRouter({
  routes: [
    // 动态路径参数 以冒号开头
    { path: '/user/:id', component: User }
  ]
})

接收：

const User = {
  template: '<div>User {{ $route.params.id }}</div>'
}

题主还是好好看看文档吧：vue-router文档