From ebf23ff8612b439acd6a923a0d6283d49f1147ae Mon Sep 17 00:00:00 2001
From: qianguyihao <qianguyihao@gmail.com>
Date: Sun, 1 Jul 2018 22:01:45 +0800
Subject: [PATCH] =?UTF-8?q?add=20Vue.js=202.x=EF=BC=9A=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E7=9A=84=E4=BB=8B=E7=BB=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 21-Vue基础/07-Vue-router路由.md | 53 +++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 21-Vue基础/07-Vue-router路由.md

diff --git a/21-Vue基础/07-Vue-router路由.md b/21-Vue基础/07-Vue-router路由.md
new file mode 100644
index 0000000..2a2ac68
--- /dev/null
+++ b/21-Vue基础/07-Vue-router路由.md
@@ -0,0 +1,53 @@
+
+## 什么是路由
+
+
+### 后端路由
+
+对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源。
+
+当前端输入url请求资源时，服务器会监听到是什么url地址，那后端会返回什么样的资源呢？后端这个处理的过程就是通过**路由**来**分发**的。
+
+**总结**：后端路由，就是把所有url地址都对应到服务器的资源，这个**对应关系**就是路由。
+
+### 前端路由
+
+对于单页面应用程序来说，主要通过URL中的`hash`（url地址中的#号）来实现不同页面之间的切换。
+
+同时，hash有一个特点：HTTP请求中不会包含hash相关的内容。所以，单页面程序中的页面跳转主要用hash实现。
+
+**总结**：在**单页应用**程序中，这种通过`hash`改变来**切换页面**的方式，称作前端路由（区别于后端路由）。
+
+## 安装Vue-router的两种方式
+
+- 官方文档：<https://router.vuejs.org/zh/>
+
+
+**方式一**：直接下载文件
+
+下载网址：<https://unpkg.com/vue-router/dist/vue-router.js>
+
+
+下载之后，放进项目工程，然后我们在引入`vue.js`之后，再引入`vue-router.js`即可：
+
+```html
+    <script src="vue2.5.16.js"></script>
+    <script src="vue-router3.0.1.js"></script>
+```
+
+
+然后，我们就可以在 window全局对象中使用 VueRouter这个对象。具体解释可以看接下来的代码中的注释。
+
+注意，只要我们导入了`vue-router.js`这个包，在浏览器中打开网页时，url后面就会显示`#`这个符号。
+
+
+
+
+
+
+
+
+
+
+
+