diff --git "a/\346\235\250\345\213\207/2020-06-10.\345\220\214\344\270\212md" "b/\346\235\250\345\213\207/2020-06-10\345\220\214\344\270\212.md"
similarity index 100%
rename from "\346\235\250\345\213\207/2020-06-10.\345\220\214\344\270\212md"
rename to "\346\235\250\345\213\207/2020-06-10\345\220\214\344\270\212.md"
diff --git "a/\346\235\250\345\213\207/2020-06-12.md" "b/\346\235\250\345\213\207/2020-06-12.md"
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git "a/\346\235\250\345\213\207/2020-06-12\346\211\213\350\204\232\346\236\266\344\275\277\347\224\250\344\273\245\345\217\212\347\273\204\344\273\266\344\275\277\347\224\250.md" "b/\346\235\250\345\213\207/2020-06-12\346\211\213\350\204\232\346\236\266\344\275\277\347\224\250\344\273\245\345\217\212\347\273\204\344\273\266\344\275\277\347\224\250.md"
new file mode 100644
index 0000000000000000000000000000000000000000..033f28469a9c9cafb5d01aac2868e8bf6054dde3
--- /dev/null
+++ "b/\346\235\250\345\213\207/2020-06-12\346\211\213\350\204\232\346\236\266\344\275\277\347\224\250\344\273\245\345\217\212\347\273\204\344\273\266\344\275\277\347\224\250.md"
@@ -0,0 +1,78 @@
+### yarn serve执行yarn安装下的vue cli运行
+1. 安装淘宝镜像，将npm上的模块同步到国内服务器，提高安装模块的速度
+```
+npm config set registry https://registry.npm.taobao.org
+```
+
+2. 全局安装yarn以及@vue/cli脚手架
+```
+npm i -g @vue/cli yarn
+```
+
+3. 查看vue是否已安装
+```
+vue
+```
+
+4. 创建文件
+```
+进入d盘：
+d:
+创建文件夹：
+mkdir 文件名
+进入文件夹：
+cd 文件名
+vue create 文件内再建的项目名
+```
+
+5. 如果需要让服务器启动，则需要
+```
+cd 项目名
+yarn serve//启动服务器
+```
+```
+<template>
+    <div>
+        <h2>{{title}}</h2>
+        <table>
+        <th>
+            <td>
+                id
+            </td>
+            <td>
+                商品名
+            </td>
+            <td>
+                价格
+            </td>
+            <td>
+                产地
+            </td>
+        </th>
+        <tr v-for="item in list" :key="item.id">
+     <td>{{item.id}}</td>
+            <td>{{item.name}}</td>
+            <td>{{item.price}}</td>
+            <td>{{item.chandi}}</td>
+        </tr>
+    </table>
+    </div>
+    
+</template>
+
+<script>
+export default {
+  props: {
+    title: { type: String, default: "111111" },
+  },
+  data:function(){
+      return {
+          list:[ {id:1,name:"小米",price:3999,chandi:"北京"},
+                     {id:2,name:"红米",price:3999,chandi:"北京"},
+                      {id:3,name:"华为",price:3999,chandi:"北京"},
+                       {id:4,name:"魅族",price:3999,chandi:"北京"},]
+      }
+  }
+};
+</script>
+```
\ No newline at end of file
diff --git "a/\346\235\250\345\213\207/2020-06-15\350\267\257\347\224\261\344\275\277\347\224\250.md" "b/\346\235\250\345\213\207/2020-06-15\350\267\257\347\224\261\344\275\277\347\224\250.md"
new file mode 100644
index 0000000000000000000000000000000000000000..4a855331839305c0ca46468653b48d11564c0fc3
--- /dev/null
+++ "b/\346\235\250\345\213\207/2020-06-15\350\267\257\347\224\261\344\275\277\347\224\250.md"
@@ -0,0 +1,34 @@
+## 路由vue-router
+1. 使用路由第一步，在主页引入组件<router-view>
+```
+<router-view></router-view>//在主页显示引入的组件
+```
+2. 在终端安装路由
+```
+npm i -g vue-router
+```
+
+3. 在main.js上面引入路由
+```
+import VueRouter from  'vue-router'
+//如果有自定义的路由，要使用也要一并引入
+```
+
+4. 在main.js下面实例化一个路由并定义路径compontent的组件
+```
+let router=new VueRouter({
+    mode:'history'//去除自动添加的#,
+    routes:[
+        {
+            path:'',//vue路径
+            compontent:''//引入自定义的路由
+        }
+    ]
+})
+```
+
++ 最后，在vue中注册路由router
+new Vue({
+    router,
+    render:h>=h(App),
+}).$mount('#app')
diff --git "a/\346\235\250\345\213\207/2020-06-16\345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\345\265\214\345\245\227\350\267\257\347\224\261.md" "b/\346\235\250\345\213\207/2020-06-16\345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\345\265\214\345\245\227\350\267\257\347\224\261.md"
new file mode 100644
index 0000000000000000000000000000000000000000..f6f5121517dd83f6256141967410f4d880fd1260
--- /dev/null
+++ "b/\346\235\250\345\213\207/2020-06-16\345\212\250\346\200\201\350\267\257\347\224\261\345\222\214\345\265\214\345\245\227\350\267\257\347\224\261.md"
@@ -0,0 +1,42 @@
+## 动态路由和嵌套路由
+
+1. 耦合：耦合是指两个齿轮的相对状态，指一个齿轮无法转动时另外一个齿轮也会陷入被卡死的状态，
+而解耦就是让着两个齿轮的依赖效果减弱
+
+2. 动态路由以及嵌套路由
+```
+首先还是先引入路由注册路由实例化路由等操作，然后在实例化路由
+的时候利用可以进行操作
+
+let router=new VueRouter({
+  mode:'history',//自动去除路由中自动添加的#
+  routes:[{
+    path:'/Muscle/:id',//在网页路径上可以在：id处随意添加数字，都会跳转到厦门的Muscle
+    component:Muscle,
+    children:[
+      {
+        path:' ',
+        component:Dsm
+      }
+    ]//由于路由是从上往下的，所以*会使所有没有找到的路由跳转到这
+  },{
+    path:'*',
+    component:Text
+  }]
+})
+```
+
+```
+<style scoped>
+li{
+    color: red;
+}
+li:hover{
+    color:blueviolet;
+}
+/* 伪元素 */
+li::marker{
+    content:--！
+}
+</style>
+```
\ No newline at end of file
diff --git "a/\346\235\250\345\213\207/2020-06-18.md" "b/\346\235\250\345\213\207/2020-06-18.md"
new file mode 100644
index 0000000000000000000000000000000000000000..1b6ba716fe94b54daa7ae7f97a37241d4fca4751
--- /dev/null
+++ "b/\346\235\250\345\213\207/2020-06-18.md"
@@ -0,0 +1 @@
+##
\ No newline at end of file
diff --git "a/\346\235\250\345\213\207/2020-06-19.md" "b/\346\235\250\345\213\207/2020-06-19.md"
new file mode 100644
index 0000000000000000000000000000000000000000..1b6ba716fe94b54daa7ae7f97a37241d4fca4751
--- /dev/null
+++ "b/\346\235\250\345\213\207/2020-06-19.md"
@@ -0,0 +1 @@
+##
\ No newline at end of file