对于单页面应用，尤其是移动端的网页应用，使用标签实现页面切换和跳转会有300ms的延迟，遇到网速慢就会一直加载。所以在SPA应用中，用视图切换来模拟页面的切换

10年积累的成都网站设计、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站策划后付款的网站建设流程，更有隆阳免费网站建设让你可以放心的选择与我们合作。

vue-router 是Vue.js官方的路由插件，它和 Vue.js是深度集成的，适用于构建SPA单页面应用。Vue的单页面应用是基于路由和组件的，相对于传统页面基于 a 链接和页面，路由用于设定访问路径，并将路径和组建映射起来，这样就可以实现通过路由router来切换组建（视图）。

vue-router 提供了两个新组件： 和

组件用于帮助用户进行视图导航，默认会被渲染成一个 标签，a 标签用 href 属性来制定导航的目标地址，而 router-link 组件则用 to 属性来指定目标地址

组件负责渲染匹配到的视图组建，也就是 指向的目标地址

先回顾 传统 a 标签实现页面跳转的写法：

    
        百度
        网易
        新浪