路由模块控制vue内容显示,路由跳转,组件间的跳转。就是一个页面中实现不同组件内容的切换
1. 安装路由模块
npm install vue-router -s
2. 设计路由页面
3. 创建路由表 routes.js
4. main.js引入路由模块并使用
5. 创建路由链接和路由视图
router-link标签、router-view标签
还可以通过js进行路由跳转
this.$router.push("/xxx/1");
路由传参数
1. 设参数 path:'xx/:id'
2. 传参数 router-line to ="/xxx/1"
3. 接参数
vue中的$route.params.id