From 8df5c74bf722d2ca9ac2e2e98522b366079eff6d Mon Sep 17 00:00:00 2001
From: unknown <562585785@qq.com>
Date: Wed, 16 Jun 2021 17:22:32 +0800
Subject: [PATCH 1/2] tj

---
 .../2021-6-16.md"                             | 56 +++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 "\346\275\230\351\207\221\351\223\216/2021-6-16.md"

diff --git "a/\346\275\230\351\207\221\351\223\216/2021-6-16.md" "b/\346\275\230\351\207\221\351\223\216/2021-6-16.md"
new file mode 100644
index 0000000..c6267a1
--- /dev/null
+++ "b/\346\275\230\351\207\221\351\223\216/2021-6-16.md"
@@ -0,0 +1,56 @@
+# 路由
+## 安装依赖
+先安装router依赖
+```
+yarn add vue-router
+```
+引入router依赖 
+```
+import VueRouter from 'vue-router'
+```
+使用router依赖
+```
+vue.use('VueRouter')
+```
+## 使用路由
+引入路由文件
+```
+import Test from './components/Test'
+```
+初始化VueRouter，声明所需路由
+```
+let router=new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/Test',
+      component:Test,
+    }
+  ]
+}
+```
+接着在new vue 中使用router即可，router为缩写，完整的应该是router:routes
+
+在app.vue中写下 '<router-view></router-view>' 即可使用路由文件
+
+在path后写下 '/:id' 后可以在路由文件中通过 '{{$route.params.id}}' 获取地址栏中的数据
+
+# 镶嵌路由
+在初始化路由时在加入一个键值对 'children' ,其余操作可路由一样，作用在与可以在原路由基础上再添加一个路由
+```
+let router=new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/Test/:id',
+      component:Test,
+      children:[
+        {
+          path:'p404',
+          component:p404
+        }
+      ]
+    }
+  ]
+})
+```
\ No newline at end of file
-- 
Gitee


From 994374853d22105afc496915c9bb13ee9864e8f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=93=8E?= <562585785@qq.com>
Date: Fri, 18 Jun 2021 10:23:40 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\346\275\230\351\207\221\351\223\216/2021-6-16.md" | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git "a/\346\275\230\351\207\221\351\223\216/2021-6-16.md" "b/\346\275\230\351\207\221\351\223\216/2021-6-16.md"
index c6267a1..058db5a 100644
--- "a/\346\275\230\351\207\221\351\223\216/2021-6-16.md"
+++ "b/\346\275\230\351\207\221\351\223\216/2021-6-16.md"
@@ -31,12 +31,12 @@ let router=new VueRouter({
 ```
 接着在new vue 中使用router即可，router为缩写，完整的应该是router:routes
 
-在app.vue中写下 '<router-view></router-view>' 即可使用路由文件
+在app.vue中写下 `<router-view></router-view>` 即可使用路由文件
 
-在path后写下 '/:id' 后可以在路由文件中通过 '{{$route.params.id}}' 获取地址栏中的数据
+在path后写下 `/:id` 后可以在路由文件中通过 `{{$route.params.id}}` 获取地址栏中的数据
 
 # 镶嵌路由
-在初始化路由时在加入一个键值对 'children' ,其余操作可路由一样，作用在与可以在原路由基础上再添加一个路由
+在初始化路由时在加入一个键值对 `children` ,其余操作可路由一样，作用在与可以在原路由基础上再添加一个路由
 ```
 let router=new VueRouter({
   mode:'history',
-- 
Gitee