vue 动态路由

vue router动态参数

---

动态参数路由以冒号开头(详细请观看vue router官网)

// dynamic segments start with a colon
{ path: '/user/:id', component: User }
//获取动态参数
this.$route.params.id

const User = {
  template: '<div>User</div>'
}

const router = new VueRouter({
  routes: [
    // dynamic segments start with a colon
    { path: '/user/:id', component: User }
  ]
})

现在，网址喜欢并且都将映射到同一条路线。/user/foo/user/bar

动态段由冒号表示。当路由匹配时，动态段的值将像每个组件一样暴露出来。因此，我们可以通过更新其模板来呈现当前用户 ID：:this.$route.paramsUser

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

获取动态参数
this.$route.params.id

---

搜索关键词:
vue 动态参数、vue路由加入参数、vue动态路由、vue router、vue router动态参数