手牵手系列之vue"/>
手牵手系列之vue
安装
npm install vue-router如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能:import Vue from 'vue'
import VueRouter from 'vue-router'Vue.use(VueRouter)
基础
动态路由匹配
- 响应路由参数的变化
// 传递参数
const User = {template: '<div>User</div>'
}const router = new VueRouter({routes: [// 动态路径参数 以冒号开头{ path: '/user/:id', component: User }]
})// 接收参数
const User = {template: '<div>User {{ $route.params.id }}</div>'
}
模式 | 匹配路径 | $route.params |
---|---|---|
/user/:username | /user/evan | { username: 'evan' } |
/user/:username/post/:post_id | /user/evan/post/123 | { username: 'evan', post_id: '123' } |
更多推荐
手牵手系列之vue
发布评论