🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 二、vue-router是什么 --- a标签 这里的路由并不是指我们平时所说的硬件路由器,**这里的路由就是SPA(单页应用)的路径管理器**。再通俗的说,vue-router就是WebApp的链接路径管理系统。 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将**路径和组件映射**起来。 传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。**路由模块的本质 就是建立起url和页面之间的映射关系**。 至于我们为啥不能用a标签,这是因为用Vue做的都是单页应用**当你的项目准备打包时,运行`npm run build`时,就会生成dist文件夹,这里面只有静态资源和一个index.html页面**,所以你写的标签是不起作用的,你必须使用vue-router来进行管理。 ### SPA(single page application): >单一页面应用程序,只有一个完整的页面; 它在加载页面时,不会加载整个页面,而是只更新某个指定的容器中内容。 **单页面应用(SPA)的核心之一是: 更新视图而不重新请求页面**; vue-router在实现单页面前端路由时,提供了两种方式:Hash模式和History模式;根据mode参数来决定采用哪一种方式。