本文探讨前端路由的概念，强调其在单页面应用中的优点，并详细阐述了设置路由的步骤。接着，文章对比了声明式导航（如a链接）与编程式导航（如this.$router.push()）的差异，介绍了编程式导航的各种方法，如页面跳转、历史记录管理和参数传递。最后，提到了路由守卫的重要性，特别是在实现登录拦截方面的应用。
目录
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
最低0.47元/天 解锁文章
1410
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
