Vue-Router

一、创建路由的方法有两种

1、直接在cmd 然后输入vue ul 进入图形化界面 然后下载router 他会自动生成

并且自动引入main.js

2、手动安装 npm install vue-router

路由就是页面跳转 可以带信息进行跳转

在src下面创建一个router文件夹然后在创建一个index.js

将router挂载到入口文件中

因为是以插件的形式安装的，所以要引入

 

 引入views需要的中需要的页面

下面进行路由配置

 配置好之后在页面进行使用

二、两种模式url的hash和HTML5的history 

区别hash是带有#的，history是没有的

history利于营销推广，需要后台的支持

 三、重定向

跳转到/a可以重定向到/b

四、router-link标签的写法和用法

 属性：tag改变a标签成为其他的标签

 语法高亮 使用linkActiveClass需要使用exact

五、编程式导航 

 第一种方法：this.$router.push("/")                                                                                                     第二种方法：this.$router.push({path:'/'})                                                                                           第三种方法：this.$router.push({name:'Home'})                                                                                qi

嵌套路由根路由不动

创建两个子路由，然后在父路由中进行配置，

 children进行配置，然后在父组件中进行使用

七、路由懒加载

跳转的时候才进行加载