路由传参

路由传参
在node.js后端路由有三种传参方式
1，get传参
把参数拼接在地址栏 url？key=value&k=v…
接收: 用req.query
2，post传参
在请求的主体传参
接收：用req.body
3，path传参
/key/100 (/key/:id)
接收：req.params.id

前端路由传参方式

// { path: '/foo', name:'foo', component: Foo } 路由规则
    // 选项：name 给当前的规则取名
    // 路径跳转 router.push('/foo')
    // 名称跳转 router.push({ name: 'foo'})

get方式

// 传递  query ？后地址传参  get传参   #/register?plan=private
this.$router.push({ path: 'register', query: { plan: 'private' }})
// 获取
this.$route.query.plan

path方式

// 传递  params 路径传参     #/foo/:userId  ---> /foo/123
this.$router.push({ name: 'foo', params: { userId: '123' }})
// 获取
this.$route.params.userId

$outer和$route的区别

$router 是VueRouter的实例，可以导航到不同的地址
$router.push() 路由跳转 跳转到另一个页面
$router.go()
…
$route 为一个跳转的路由对象，可以获取到一些数据
$route.query // get user?id=100
$route.params // path user/100
$route.path // 获取#后的地址