我们知道路由定义了一系列访问的地址规则，路由引擎根据这些规则匹配找到对应的处理页面，然后将请求转发给页进行处理。可以说所有的后端开发都是这样做的，而前端路由是不存在"请求"一说的。
路由的实质是一种对应关系，url 与资源之间的对应关系就是路由。路由分为前端路由和后端路由，后端路由是由服务器完成转发，前端路由是 hash(锚点) 的变化实现的。Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： ♞ 嵌套的路由/视图表 ♞ 模块化的、基于组件的路由配置 ♞ 路由参数、查询、通配符 ♞ 基于 Vue.js 过渡系统的视图过渡效果 ♞ 细粒度的导航控制 ♞ 带有自动激活的 CSS class 的链接 ♞ HTML5 历史模式或 hash 模式，在 IE9 中自动降级 ♞ 自定义的滚动条行为
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。
2、地址栏输入 http://localhost:8080/#/hi 出现一个新的页面，先来看一下我们希望得到的效果
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。
掘金 | https://juejin.im/user/5a16e1f3f265da43128096cb
后端路由：就是平时用户发送URL请求 服务器拦截 根据不同的URL的请求 服务器返回不同的页面
前两章陆续已经更新了Vue的基础入门篇文章和Vue组件篇文章，本章将更新Vue Router 篇，前两篇掌握差不多了，你可以开发单页面应用，所有数据都在一页呈现出来，不能跳转，体验很差。学习了本篇文章后，你可以实现一个精美的Web应用了，本章将会介绍到路由的跳转实现，路由的动态传递参数，路由的守卫.......
路由是一个网络工程里面的术语。路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. --- 维基百科
简单来说，路由就是用来和后端服务器进行交互的一种方式，通过不同的路径，请求不同的资源，请求不同的页面是路由的其中一种功能。
路由，其实就是指向的意思，当我点击页面上的home 按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射。 所以在页面显示中，有两个部分，一个是需要点击的部分，一个是点击之后，显示点击内容的部分。 点击之后，怎么做到正确的对应，比如，我点击home 按钮，页面中怎么才能显示home的内容。这就要在js 文件中配置路由。 路由中有三个基本的概念
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 我们可以访问其官方网站对其进行学习：https://router.vuejs.org/zh/
本文转载自掘金专栏，作者：邪瓶张起灵https://juejin.im/post/5c7bae3ff265da2db27950f3
{ path:'/gohome', redirect: '/main',//重定向 }
随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是 SPA —— 单页应用。单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。 类似于服务端路由，前端路由实现起来其实也很简单，就是匹配不同的 url 路径，进行解析，然后动态的渲染出区域 html 内容。但是这样存在一个问题，就是 url 每次变化的时候，都会造成页面的刷新。那解决问题的思路便是在改变 url 的情况下，保证页面的不刷新。在 2014 年之前，大家是通过 hash 来实现路由，url hash 就是类似于：
当<component>展示的组件A被隐藏，而要展示组件B时，通常会直接销毁组件A。下次展示组件A时，再重新创建。在组件A和B要频繁切换的情况，会造成一定的损耗。
vue-router官方文档：https://router.vuejs.org/zh/
如果你在使用vue-cli中已经选择安装了vue-router，那这里不需要重复安装了。
我们需要引入vue-router.js文件，而且必须是在vue.js文件之后引入
通常，在构建SPA时，需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由，我们可以通过使用 auth 中间件来确保合法用户才能访问它。
如果你用vue-cli脚手架来搭建项目，配置过程会选择是否用到路由（详细见vue-cli 脚手架），如果选择y，后面下载依赖会自动下载vue-router。 这里还是说一下安装：npm install vue-router
后台页面的权限验证与安全性是非常重要的,可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能 我们前端所要做的是: 不同的权限对应着不同的路由,同时侧边栏也需要根据不同的权限 , 异步生成.
一、概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。 而传统的多页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。 路由中有三个基本的概念 route, routes, router。 1. route，它是一条路由，由这个英文单词也可以看出来，它是单数， Home按钮 => home内容
我们使用标签时，开始标签和结束标签之间之前都没有写东西。组件的标签和正常的双标签，如 div、p 等一样，可以在里面写东西。但是，直接在里面写，会发现，写的东西不会显示出来，也找不到了，被丢弃了。其实这个也挺好理解的，组件本来就有东西了，vue 又不知道你写的东西要插到哪里去。所以，vue 提供了插槽，可以在想要插的地方加上一个插槽，之后再把内容插过去。
本文转自: https://www.cnblogs.com/SamWeb/p/6610733.html
SPA指的是一个web网站只有一个唯一的HTML页面，所有组件的展示与切换都在这唯一的一个页面内完成。
vue-router : 简称路由，简单说就是根据不同的 url 地址，显示不同的效果
答：1）、路由是一个比较广义和抽象的概念，路由的本质就是对应关系。 2）、在开发中，路由分为，后端路由和前端路由。 3）、后端路由，根据不同的用户URL请求，返回不同的内容。后端路由的本质就是URL请求地址与服务器资源之间的对应关系。后端路由根据不同的URL地址分发不同的资源。 4）、前端路由，根据不同的用户事件，显示不同的页面内容。本质就是用户事件与事件处理函数之间的对应关系。前端路由负责事件监听，触发事件后，通过事件函数渲染不同内容。
在web端路由（route）就是URL到函数的映射，vue的router就像一个容器，分配，处理每一个route到URL中。
前几天写了 Vue状态管理模式：Vuex入门教程 ，今天再整理一下 Vue Router 的入门笔记。
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。简单来说就是前端最火最简单的一个http请求解决方案。
vue 是 Vue Router 是 Vuejs 官方的路由器，他和 Vue.js 深度集成，是用于单页应用中组件之间的导航，本质上就是通过 components 和 router 进行映射绑定，使用 router-link 传入指定的组件地址，通过 router-view 渲染已经和组件地址绑定好的组件。
最近在重温vue全家桶，再看一遍感觉记忆更深刻，所以专门记录一下（本文vue-router版本为v3.x）。
网易云音乐 小米移动端 多页应用：与单页应用相对应的，不同的功能通过不同的页面来实现
5. 创建一个路由 router 实例，通过 routers 属性来定义路由匹配规则
哈喽大咖好，我是跑手，本次给大家带来vue-router@4.x源码解读的一些干货。
0830总结 Vue-CLI 项目中相关操作 一.前台路由的基本工作流程 目录结构 |vue-proj | |src | | |components | | | |Nav.vue | | |views | | | |PageFirst.vue | | | |PageSecond.vue | | |App.vue | | |router.js App.vue：根组件 <template> 01
1.什么是路由 1.1路由简介 说起路由你想起了什么？路由是一个网络工程里面的术语。 路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动。 --- 维基百科 额，啥玩意?
考虑一个问题：想要实现 名 和 姓 两个文本框的内容改变，则全名的文本框中的值也跟着改变；
vue-router默认是通过哈希路由的方式实现的。这是一种比较low的方式。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 使用后对搜索引擎比较友好，好看。缺点是后端要nginx配置。
“ 最近在学习使用Vue作为前端的框架，本文记录路由插件vue-router，以及搭建登录页面的过程。 ” vue-router 在使用vue-router时，我们需要做的就是把路由映射到各个组件，vue-router会把各个组件渲染到正确的地方。 1 安装、起步 · 安装 npm install vue-router --save · 起步 2 基本用法 · HTML Hello App! 01
在本教程中，我将向大家展示如何使用前端的 Vue.js 单页面应用和后端的 Flask 进行交互。
上一篇讲了重新加载标签功能的实现，主要是利用了mitt事件总线库。本篇文章就接着实现关闭标签的功能。
这种方法就类似于一个栈结构,最后push进去的URL会在栈顶,然后history.back()的时候就会出栈,也就会返回到我们上一个push进去的URL中
https://www.cnblogs.com/xiao987334176/p/14434383.html
active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换；
查看 dist 目录. 注意，dist 目录下的文件是最新稳定版，不会同步更新到 dev 分支上的最新代码
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
