diff --git "a/\346\234\261\351\271\217/img/12.png" "b/\346\234\261\351\271\217/img/12.png"
new file mode 100644
index 0000000000000000000000000000000000000000..fc357ea38473fec7fa4db6b6054e36681e9ee598
Binary files /dev/null and "b/\346\234\261\351\271\217/img/12.png" differ
diff --git "a/\346\234\261\351\271\217/img/13.png" "b/\346\234\261\351\271\217/img/13.png"
new file mode 100644
index 0000000000000000000000000000000000000000..42fa2db074c1513b65ec80844ff1892c423a0e57
Binary files /dev/null and "b/\346\234\261\351\271\217/img/13.png" differ
diff --git "a/\346\234\261\351\271\217/img/14.png" "b/\346\234\261\351\271\217/img/14.png"
new file mode 100644
index 0000000000000000000000000000000000000000..5a0b1f9588762da46f037349755a57baefff5c6d
Binary files /dev/null and "b/\346\234\261\351\271\217/img/14.png" differ
diff --git "a/\346\234\261\351\271\217/img/15.png" "b/\346\234\261\351\271\217/img/15.png"
new file mode 100644
index 0000000000000000000000000000000000000000..cfa097ac68d7da8b13e28abc1eb63c378a0f0981
Binary files /dev/null and "b/\346\234\261\351\271\217/img/15.png" differ
diff --git "a/\346\234\261\351\271\217/img/16.png" "b/\346\234\261\351\271\217/img/16.png"
new file mode 100644
index 0000000000000000000000000000000000000000..07db15a180368f2e3e6e7f7416203b517478542b
Binary files /dev/null and "b/\346\234\261\351\271\217/img/16.png" differ
diff --git "a/\346\234\261\351\271\217/\345\212\250\346\200\201\350\267\257\347\224\261\345\214\271\351\205\215.md" "b/\346\234\261\351\271\217/\345\212\250\346\200\201\350\267\257\347\224\261\345\214\271\351\205\215.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8bdc96a4793d522107da5aaf438f7578f8353ca5
--- /dev/null
+++ "b/\346\234\261\351\271\217/\345\212\250\346\200\201\350\267\257\347\224\261\345\214\271\351\205\215.md"
@@ -0,0 +1,18 @@
+## 动态路由匹配
+
+
+我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。即：我们有一个组件，对于一些数据我们要用这个组件来渲染，那么我们可以在vue-router 路由路径中用**动态路径参数**来达到效果
+
+```
+//这是一个组件
+const User = {
+  template: '<div>User</div>'
+}
+
+const router = new VueRouter({
+  routes: [
+    // 动态路径参数 以冒号开头
+    { path: '/user/:id', component: User }
+  ]
+})
+```
\ No newline at end of file
diff --git "a/\346\234\261\351\271\217/\345\215\225\346\226\207\344\273\266\347\273\204\344\273\266.md" "b/\346\234\261\351\271\217/\345\215\225\346\226\207\344\273\266\347\273\204\344\273\266.md"
index 0944f2e707aae69766a672290fd560d7e428b25c..b079c2b7289d301925734e6d4f20d5a41f2fef01 100644
--- "a/\346\234\261\351\271\217/\345\215\225\346\226\207\344\273\266\347\273\204\344\273\266.md"
+++ "b/\346\234\261\351\271\217/\345\215\225\346\226\207\344\273\266\347\273\204\344\273\266.md"
@@ -1,4 +1,17 @@
 ## 单文件组件
+
+我们使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。
+
+缺点：
++ 全局定义 (Global definitions) 强制要求每个 component 中的命名不得重复
++ 字符串模板 (String templates) 缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的 \
++ 不支持 CSS (No CSS support) 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗漏
++ 没有构建步骤 (No build step) 限制只能使用 HTML 和 ES5 JavaScript，而不能使用预处理器，如 Pug (formerly Jade) 和 Babel
+
+文件扩展名为 .vue 的 single-file components (单文件组件) 为以上所有问题提供了解决方法
+
+
+
 + 淘宝镜像地址
 ![a](./img/7.png)
 
diff --git "a/\346\234\261\351\271\217/\345\221\275\345\220\215\350\267\257\347\224\261,\345\221\275\345\220\215\350\247\206\345\233\276.md" "b/\346\234\261\351\271\217/\345\221\275\345\220\215\350\267\257\347\224\261,\345\221\275\345\220\215\350\247\206\345\233\276.md"
new file mode 100644
index 0000000000000000000000000000000000000000..5f3e9f978d893bdd9f9d1b7d7d9c15b783983d3f
--- /dev/null
+++ "b/\346\234\261\351\271\217/\345\221\275\345\220\215\350\267\257\347\224\261,\345\221\275\345\220\215\350\247\206\345\233\276.md"
@@ -0,0 +1,20 @@
+## 命名路由
+理解：
+**在routers配置路由名称的时候给路由定义不同的名字**，这样做的好处就是可以在使用router-link的to属性跳转路由的时候传一个对象从而实现与router.push一样的效果：
+```
+<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
+````
+等同于
+```
+router.push({ name: 'user', params: { userId: 123 } })
+```
+
+![a](./img/14.png)
+
++ 路由命名
+![a](./img/15.png)
++ 效果：
+![a](./img/16.png)
+
+
+## 命名视图
diff --git "a/\346\234\261\351\271\217/\345\256\211\350\243\205.md" "b/\346\234\261\351\271\217/\345\256\211\350\243\205.md"
index 9600353d139cfcf8440ab0bcfb2ed21ce84dab3e..5997035b2dadf949ce4fce1f7293e8814b1615e9 100644
--- "a/\346\234\261\351\271\217/\345\256\211\350\243\205.md"
+++ "b/\346\234\261\351\271\217/\345\256\211\350\243\205.md"
@@ -15,10 +15,10 @@
 
 ---
 
-
+正：
 
 **打开cmd**
-1. 切换淘宝镜像
+1. 切换淘宝镜像```npm config set registry https://registry.npm.taobao.org```
 2. 全局安装```npm i -g @vue/cli yarn```
 3. 查看vue![a](./img/8.png)
 5. 切换到d盘：d:；然后创建：mkdir myGitProjects，切换目录创建：
diff --git "a/\346\234\261\351\271\217/\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252.md" "b/\346\234\261\351\271\217/\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3ac7aca60abaccc73a05997b646ab0e7fed3d609
--- /dev/null
+++ "b/\346\234\261\351\271\217/\347\274\226\347\250\213\345\274\217\347\232\204\345\257\274\350\210\252.md"
@@ -0,0 +1,12 @@
+## 编程式的导航
+### router.push
+理解：除了使用``` <router-link>``` 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现想要导航到不同的 URL，则使用 router.push 方法。
+当你点击 ```<router-link>``` 时，这个方法会在内部调用，所以说，点击 ```<router-link :to="...">``` 等同于调用 router.push(...)
+
+
+
+声明式	``` <router-link :to="...">```  
+编程式    	```router.push(...)```
+
+
+### router.replace
\ No newline at end of file
diff --git "a/\346\234\261\351\271\217/\350\267\257\347\224\261\350\265\267\346\255\245.md" "b/\346\234\261\351\271\217/\350\267\257\347\224\261\350\265\267\346\255\245.md"
new file mode 100644
index 0000000000000000000000000000000000000000..ac2cf1337579756aa46466e7c9cda3ce0e77d87b
--- /dev/null
+++ "b/\346\234\261\351\271\217/\350\267\257\347\224\261\350\265\267\346\255\245.md"
@@ -0,0 +1,15 @@
+## vue-router路由
+
++ 路由就是SPA（单页应用）的路径管理器。再通俗的说，vue-router就是WebApp的链接路径管理系统。
+
+
+
+通过注入路由器，我们可以在任何组件内通过 this.$router 访问路由器，也可以通过 this.$route 访问当前路由
+
+
+
+1. 安装路由插件
+![a](./img/13.png)
+
+2. 引入和注册路由
+![a](./img/12.png)
\ No newline at end of file