diff --git "a/\346\235\216\347\220\263/2021-06-10.md" "b/\346\235\216\347\220\263/2021-06-10.md"
index f636dd2a4ae70d6a2a8aa6be0ee0ff3529cbb696..1017b6c257ae13caed4fac9240a8a806cece05dd 100644
--- "a/\346\235\216\347\220\263/2021-06-10.md"
+++ "b/\346\235\216\347\220\263/2021-06-10.md"
@@ -13,4 +13,4 @@
 
 + yarn global add @vue/cli
 
-+ 
\ No newline at end of file
+ps:详情见10号笔记
\ No newline at end of file
diff --git "a/\346\235\216\347\220\263/2021-06-15.md" "b/\346\235\216\347\220\263/2021-06-15.md"
new file mode 100644
index 0000000000000000000000000000000000000000..baea02ba0d2e8c8fda404ddf51ceada3c2afb75d
--- /dev/null
+++ "b/\346\235\216\347\220\263/2021-06-15.md"
@@ -0,0 +1,116 @@
+# 路由
+
+## main.js
+```
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+
+import VueRouter from 'vue-router'
+import Login from './components/Login.vue' //引用组件
+
+Vue.use(VueRouter) //使用vue-router
+
+let router = new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/login', //一个模式，若是没有网址会有‘#’标志
+      component:Login //自定义组件
+    }
+  ]
+})
+
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+
+```
+
+## App.vue
+```
+<template>
+  <div id="app">
+    <hello-world></hello-world>
+    <router-view></router-view> <!--组件入口 main.js中只有Login组件，所以只会显示Login -->
+  </div>
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
+
+```
+
+## HelloWorld.vue
+```
+<template>
+  <div class="hello">
+    <p>哇哇哇</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HelloWorld',
+  props: {
+    msg: String
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>
+
+```
+
+## Login.vue
+```
+<template>
+    <p>登录</p>
+</template>
+
+<script>
+export default {
+    //编写后端代码
+}
+</script>
+```
+
+![avatar](./imgs/59.PNG)
+![avatar](./imgs/60.PNG)
\ No newline at end of file
diff --git "a/\346\235\216\347\220\263/2021-06-16.md" "b/\346\235\216\347\220\263/2021-06-16.md"
new file mode 100644
index 0000000000000000000000000000000000000000..482209f56671ed3541a94c11a188b942bbcd247c
--- /dev/null
+++ "b/\346\235\216\347\220\263/2021-06-16.md"
@@ -0,0 +1,125 @@
+# 路由
+
+# 路由
+
+## main.js
+```
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+
+import VueRouter from 'vue-router' //引用vue-router
+import Login from './components/Login.vue' //引用组件
+
+Vue.use(VueRouter) //使用vue-router
+
+let router = new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/login/:idname', // :idname idname是参数
+      component:Login //自定义组件
+    }
+  ]
+})
+
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+
+```
+
+## App.vue
+```
+<template>
+  <div id="app">
+    <hello-world></hello-world>
+    <router-view></router-view> <!--组件入口 这个一定不能忘记添加重点重点重点！！！ -->
+  </div>
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
+
+```
+
+## HelloWorld.vue
+```
+<template>
+  <div class="hello">
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HelloWorld',
+  props: {
+    msg: String
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style> //这个文件基本不需要更改
+
+```
+
+## Login.vue
+```
+<template>
+    <div>
+        <ul>
+            <li>花生肉粽</li>
+            <li>板栗肉粽</li>
+            <li>蛋黄肉粽</li>
+        </ul>
+        <h1>{{$route.params.idname}}</h1>
+    </div>
+</template>
+
+<style scoped>
+    li{
+        color: pink;
+    }
+</style>
+```
+
+![avatar](./imgs/61.PNG)
+![avatar](./imgs/62.PNG)
\ No newline at end of file
diff --git "a/\346\235\216\347\220\263/2021-06-18.md" "b/\346\235\216\347\220\263/2021-06-18.md"
new file mode 100644
index 0000000000000000000000000000000000000000..2ddb63c6330b89b90aa0cc113c9c00bcb760cc9b
--- /dev/null
+++ "b/\346\235\216\347\220\263/2021-06-18.md"
@@ -0,0 +1,79 @@
+# 编程式的导航
+
++ 导航到不同的URL建议使用`router.push`。此方法会向history添加一个新的记录，所以当用户点击后退时会返回到原来的URL。
+
++ `query`传参并不会让页面刷新。需要重新请求数据。接收参数：`this.$route.query.id`。
+
+## `query`传参和`params`传参的区别
++ 用法上：`query` 要用 `path` 来引入, `params` 要用 `name` 来引入，接收参数都是类似的，分别是 `this.$route.query.name ` 和 `this.$route.params.name`。注意接收参数的时候，已经是`$route` 而不是`$router`了。
++ 展示上：`query` 更加类似于我们 `ajax` 中 `get` `传参，params` 则类似于 `post`，说的再简单一点，前者在浏览器地址栏中显示参数，后者则不显示所以两者不能同时使用
+
+
++ main.js
+```
+import Vue from 'vue'
+import App from './App.vue'
+
+import VueRouter from 'vue-router'
+import Login from './components/Login'
+
+Vue.config.productionTip = false
+
+Vue.use(VueRouter)
+
+let router = new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/login',
+      component:Login
+    },
+  ]
+})
+
+
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+
+```
+
++ App.vue
+```
+<template>
+  <div id="app">
+    <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App',
+  components: {
+
+  },
+  mounted:function(){
+    setTimeout(()=>{
+      if(this.$route.to!=='/login'){
+        this.$router.push({
+          path:`login`,
+          query:{
+            id:824
+          }
+        })
+      }
+
+    },2000)//两千毫秒后自动从空白的Hello.vue跳转到Login.vue页面
+  },
+}
+</script>
+```
+
++ Login.vue
+
+```
+<template>
+    <p>登录</p>
+</template>
+``` 
\ No newline at end of file
diff --git "a/\346\235\216\347\220\263/2021-06-19.md" "b/\346\235\216\347\220\263/2021-06-19.md"
new file mode 100644
index 0000000000000000000000000000000000000000..75cd41711136c1db95ffab5ae3323ae6245b4ea4
--- /dev/null
+++ "b/\346\235\216\347\220\263/2021-06-19.md"
@@ -0,0 +1,252 @@
+# 路由
+
+## main.js
+```
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+
+import VueRouter from 'vue-router' //引用vue-router
+import Login from './components/Login.vue' //引用组件
+
+Vue.use(VueRouter) //使用vue-router
+
+let router = new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/login/:idname', // :idname idname是参数
+      name:'login', 
+      component:Login //自定义组件
+    }
+  ]
+})
+
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+
+```
+
+## Login.vue
+```
+<template>
+    <div>
+        <ul>
+            <li>花生肉粽</li>
+            <li>板栗肉粽</li>
+            <li>蛋黄肉粽</li>
+        </ul>
+        <h1>{{$route.params.idname}}</h1>
+    </div>
+</template>
+
+<style scoped>
+    li{
+        color: pink;
+    }
+</style>
+```
+## App.vue
+```
+<template>
+  <div id="app">
+    <hello-world></hello-world>
+    <router-link :to="{name:'login',params:{id:嘻嘻嘻}}">入口</router-link> <!--一个链接 传去login的路由 -->
+    <router-view></router-view> <!-- 出口 -->
+  </div>
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
+
+```
+![avatar](./imgs/63.PNG)
+
+
+# 命名视图
+
+## main.js
+```
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+
+import VueRouter from 'vue-router' //引用vue-router
+import Login from './components/Login' //引用组件
+import Users from './components/Users' //引用组件
+import Juzi from './components/Juzi' //引用组件
+
+Vue.use(VueRouter) //使用vue-router
+
+let router = new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/users/:id', // :id id是参数
+      name:'user', 
+      components:{
+        user:Users,
+        login:Login,
+        juzi:Juzi,
+      } //自定义组件
+    }
+  ]
+})
+
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+
+```
+
+## App.vue
+```
+<template>
+  <div id="app">
+    <hello-world></hello-world>
+    <router-link :to="{name:'user',params:{id:123}}">点这里去Users</router-link>  <!--一个链接 传去users的路由 -->
+    <router-view name="login"></router-view> <!-- login出口 -->
+    <router-view name="juzi"></router-view> <!-- juzi出口 -->
+  </div>
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
+
+```
+![avatar](./imgs/64.PNG)
+
+# 嵌套命名视图 (单个)
+
+## main.js
+```
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+
+import VueRouter from 'vue-router' //引用vue-router
+import Login from './components/Login' //引用组件
+import Users from './components/Users' //引用组件
+import Juzi from './components/Juzi' //引用组件
+
+Vue.use(VueRouter) //使用vue-router
+
+let router = new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/users', 
+      name:'user', 
+      components:Users,
+      children:[ //嵌套在users里面
+        {
+          path:'juzi',
+          component:Juzi
+        },{
+          path:'login',
+          component:Login
+        }
+      ]
+    }
+  ]
+})
+
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+
+```
+## App.vue
+```
+<template>
+  <div id="app">
+    <hello-world></hello-world>
+    <router-link :to="{name:'user',params:{id:123}}">点这里去Users</router-link>  <!--一个链接 传去users的路由 -->
+    <router-view name="login"></router-view> <!-- login出口 -->
+    <router-view name="juzi"></router-view> <!-- juzi出口 -->
+  </div>
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
+
+```
+## User.vue
+```
+<template>
+    <div>
+        <hr>
+        用户
+        <hr>
+        <router-view></router-view> //默认出口
+        <router-view name="juzi"></router-view>
+        <router-view name="login"></router-view>
+    </div>
+</template>
+```
+
+![avatar](./imgs/65.PNG)
\ No newline at end of file
diff --git "a/\346\235\216\347\220\263/2021-06-22.md" "b/\346\235\216\347\220\263/2021-06-22.md"
new file mode 100644
index 0000000000000000000000000000000000000000..1b3567dddab752e7b21b25b88ba2425042985aaf
--- /dev/null
+++ "b/\346\235\216\347\220\263/2021-06-22.md"
@@ -0,0 +1,22 @@
+## .NET CLI
+
++ `dotnet -h` 获取可用命令和环境信息。
++ `dotnet new` 根据指定的模板，创建新的项目、配置文件或解决方案。
++ `mkdir MyApi.Api` 创建文件 mkdir后跟文件名。
++ `cd .\MyApi.Api\` 进入文件所在路径。
++ `dotnet new webapi` 匹配ASP.NET Core Web API模板。
++ `dotnet run` 运行项目。
++ `dotnet dev-certs https` 查看是否有https证书。
++ `dotnet dev-certs https --trust`或`dotnet dev-cersts https -t`改证书
+![avatar](./imgs/66.PNG)
+
++ `dotnet new webapi -n MyApi.Api --no-https` 去掉https
+![avatar](./imgs/67.PNG)
+
++ ps:MyApi.Api是我的文件名。
+
++ `dotnet new sln` 添加解决方案。
++ `dotnet sln add MyApi.Api` 将项目添加到解决方案。
++ `dotnet new classlib` 添加类库。
+
++ ps:有待更新。
\ No newline at end of file
diff --git "a/\346\235\216\347\220\263/imgs/59.PNG" "b/\346\235\216\347\220\263/imgs/59.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..23166245c0f5ae85b93ff47cd231957b0e94de6a
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/59.PNG" differ
diff --git "a/\346\235\216\347\220\263/imgs/60.PNG" "b/\346\235\216\347\220\263/imgs/60.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..4ff52e05938a09ede68bb74dbeb6055c3ac99cd7
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/60.PNG" differ
diff --git "a/\346\235\216\347\220\263/imgs/61.PNG" "b/\346\235\216\347\220\263/imgs/61.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..f7cef95326e2816723c257e41b23eaa037c595b1
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/61.PNG" differ
diff --git "a/\346\235\216\347\220\263/imgs/62.PNG" "b/\346\235\216\347\220\263/imgs/62.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..9a8c764bfcc12f33fb945e6963f5e31fa4dd556d
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/62.PNG" differ
diff --git "a/\346\235\216\347\220\263/imgs/63.PNG" "b/\346\235\216\347\220\263/imgs/63.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..1942a33cb4ac344f03672d366342877190d7feb5
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/63.PNG" differ
diff --git "a/\346\235\216\347\220\263/imgs/64.PNG" "b/\346\235\216\347\220\263/imgs/64.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..34e14ff241288869d04c0b880f962810e155a81b
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/64.PNG" differ
diff --git "a/\346\235\216\347\220\263/imgs/65.PNG" "b/\346\235\216\347\220\263/imgs/65.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..262c3218f2f7384c3a3b1e6e430d166ce3f70020
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/65.PNG" differ
diff --git "a/\346\235\216\347\220\263/imgs/66.PNG" "b/\346\235\216\347\220\263/imgs/66.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..9f87598a4399cb3b7c0a44fd2339c78d9b113759
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/66.PNG" differ
diff --git "a/\346\235\216\347\220\263/imgs/67.PNG" "b/\346\235\216\347\220\263/imgs/67.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..50f6eea7b6683f3ced30eb8b23606869f9839171
Binary files /dev/null and "b/\346\235\216\347\220\263/imgs/67.PNG" differ