路由，声明式导航，编程式导航

目录

1.前端的路由是什么？优点是什么，使用步骤？

2.声明式导航和编程式导航的区别

---

1.前端的路由是什么？优点是什么，使用步骤？

路径和组件的映射关系

优点是：
单页面应用
整体不刷新页面，用户体验更好
数据传递容易，开发效率高

使用路由的几个步骤是？
1.引入vue文件
2.导入路由  vue router
3.使用vue router插件，把它注册到全局 vue.use
4.创建路由规则数组
5.创建路由规则对象-传入规则，也就是传入第四步
6.然后就是默认导出
7.再到main.js里面默认导入
8.挂载到vue实例上面去
---还要到app文件里面使用router-view挂载点显示切换的路由

------------总结：一切都围绕着hash值变化
 

2.声明式导航和编程式导航的区别

1.声明式导航是直接渲染到页面的，比如a链接
2.编程式导航则是用在js处理逻辑后需要页面跳转，比如点击button按钮跳转

this.$router其实就是router，vue为了方便我们在组件中使用router，才添加了this.$router

    this.$router.push()  //会进行页面跳转，同时会在历史记录上留下记录
    this.$router.replce()  //和push功能相同，但是会替换当前页出现在历史记录中  
    this.$router.go(num)  //表示距离当前页的在历史记录上的页数

    this.$router.back()  返回到上一页
    this.$router.forward()   前进到下一页

编程式导航传参
要注意的是：如果使用路由跳转的话，必须使用query方式传参
                    如果使用name跳转，query和params都可以传参

路由守卫-------重点-----可以做登录拦截---登录校验

全局前置守卫---前置钩子函数 ------钩子函数表示的是在一定的场景触发此函数