本文介绍了前端路由的概念，对比了前端路由与后端路由的区别，并详细阐述了如何使用Vue Router进行登录注册组件的切换。首先，通过npm安装vue-router，然后创建Vue实例，配置路由规则，包括path和component属性。接着，定义组件模板，注册路由到vue实例，使用router-view进行组件渲染。此外，利用router-link和redirect实现页面默认显示及文字高亮，最后添加动画效果，完成基于hash的页面切换。
什么是前端路由？
对于单页面程序来说，主要通过url的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点，http请求不会包含hash相关的内容，所以，单页面中的跳转主要用hash实现。在单页面程序中，这种通过hash改变来切换页面的方式，称为前端路由
什么是后端路由？
对于普通网站，所有的超链接都是url地址，所有的url地址都对于服务器上对应的资源。
一、安装vue-router
1、直接下载。在官网里直接下载v-router.js，引入html中就可以。ps：引入v-router.js之前要先引入vue.js。
2、如果使用模块化的话，安装如下。
二、基础使用：实现一个登录注册切换
贴一下完整代码：
最低0.47元/天 解锁文章
扫一扫
3961
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
