一、创建路由的方法有两种
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进行配置,然后在父组件中进行使用
七、路由懒加载
跳转的时候才进行加载