本文介绍了前端路由的基础知识，包括路由的定义和分类。详细讲解了后端路由与前端路由的区别，重点在于前端路由的工作原理。通过一个案例展示了如何在Vue.js中使用路由进行页面内容的切换，创建了Home和About两个组件，并在App.vue和main.js中配置了相应的路由。最终实现了单页面应用中点击按钮实现内容动态更新的功能。
勤勤恳恳学了这么久网页前端，学习框架也是在学习前端时必不可少的一步
在学习Vue中我们还需要储备相关路由的知识
今天我们就利用路由一些基础知识来进行应用
看下面的简单应用吧~
路由基础知识
目录
路由的定义
定义
一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。
可以简单理解如下图：
还不理解？
没关系，美团总玩过吧，看一下美团是如何实现的
当我们点击里面的小黄圆点进行选择，下面的内容就会根据所选择来改变内容
上面的效果也就是路由的作用！
路由的分类
后端路由
理解：value是function，用于处理客户端提交的请求
工作过程：服务器接收到一个请求时，根据请求路径找到匹配的函数来处理请求，返回响应数据。
前端路由
理解：value是component，用于展示页面内容；key是路径，value是组件。
工作过程：当浏览器的路径改变时，对应的组件就会显示
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
