vue 路由

vue 路由

@路由
1. ？ 什么是路由
2. 使用场景
3. 路由的安装
4. 如何使用
5. 嵌套路由
编程路由
动态路由

1.> 我自己的理解是由不同的路径，显示不同组件，根据不同的组件显示不同的内容\页面。（做单页面应用）

2.>
a.单页面跳转。
b.组件与组件之间的切换。
c.局部刷新内容。
d.vue中的路由用于指定跳转特定页面，多用于单页面应用SPA

3.>
a.进入命令行安装 cnpm install vue-router --save
b.在main.js或者使用vue-router的地方，通过import来导入 import router form ‘vue-router’
vue.use(vrouter)
d. 开始路由配置
4.>
详情参照一下步骤和图纸
首先在主组件中建立子组件
src/app.vue的文件夹下建立子组件

第二入口文件全局注入
src/main.js

全局注入完了之后创建一个导航组件
在src/component/vbody/vbody.vue
router-view 渲染

然后创建子路由组件
第一个
src/component/vbody/one.vue

创建子路由组件
第二个
src/component/vbody/two.vue

创建完了之后开始配置路由
src/router/index.js

我们来看一下路由切换效果截屏吧
第一

第二

ok到这里就完成了路由跳转的实例这个是普通的路由
谢谢你的观看

小生不才如有不对请多指教