一，安装 1）npm install vue-router 2）如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： import Vue from 'vue' import VueRouter from 'vue-router' Vue ...

一、官方文档 　　路由元信息：定义路由的时候可以配置 meta 字段 　　那么如何访问这个 meta 字段呢？ 　　首先，我们称呼 routes 配置中的每个路由对象为 路由记录。路由记录可以是嵌套的，因此，当一个路由匹配成功后，他可能匹配多个路由记录。 　　例如，根据上面 ...

一、路由模式解析 　　要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。 　　如果有进行过服务器开发或者对http协议有所了解就会知道，浏览器中对页面的访问是无状态的，所以我们在切换不同的页面时都会重新进行请求 ...

前面的话 　　在Web开发中，路由是指根据URL分配到对应的处理程序。对于大多数单页面应用，都推荐使用官方支持的vue-router。Vue-router通过管理URL，实现URL和组件的对应，以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router 安装 ...

路由（vue-router） 现在的应用都流行SPA应用（single page application） 传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个HTML文件的跳转，这个时候网络 ...

对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。 安装 基于传统，我更喜欢采用npm包的形式进行安装。 npm install vue-router --save 当然，官方采用了多种方式进行安装，包括bower,cdn等。 基本用法 ...

被这个动态路由折磨了三天，记录下经验： 一、路由： 　　路由分两块，一是公共页面，如登录页、不需要登录、不需要权限就能访问的页面。另一部分是后台动态返回的权限列表。 　　因此，路由分为了默认路由和权限路由两部分：　　默认路由：登录页。　　权限路由：其他所有需要控制权限的路由。 二、登录 ...

❤本篇博客参考爱心老师Ewall的简书 一、路由动态的适用场景 比如在写商品详情页面的时候，页面结构都一样，只是商品id的不同，所以这个时候就可以用动态路由动态。 二、动态路由的官方文档 传送地址：https://router.vuejs.org/zh-cn ...