diff --git "a/\345\210\230\346\263\242/2021-6-2.md" "b/\345\210\230\346\263\242/2021-6-2.md"
new file mode 100644
index 0000000000000000000000000000000000000000..628732c447a432245bb1c6b0d257264665371465
--- /dev/null
+++ "b/\345\210\230\346\263\242/2021-6-2.md"
@@ -0,0 +1,74 @@
+# Vue的第六天
+* v-for中的第二个参数为当前项的索引
+```
+<li v-for="(item,index) in hero">{{index}}-{{item.do}}</li>
+```
+* v-for中传入的是一个对象的话要把"键"也传入
+```
+<li v-for="(item,key,index) in obj">{{key}}:{{item}}</li>
+```
+* v-for可以使用父类作用域中的属性
+```
+<ul>
+            <li v-for="items in hero">
+                <ul>
+                    <li v-for="(item,key,index) in obj">{{items.do}}-{{key}}:{{item}}</li>
+                </ul>
+            </li>
+        </ul>
+```
+* 一些简单的增删功能
+```
+<div id="app">
+        <p>您的至高无上称号列表:<input type="text" v-model="newtitle"><input type="button" value="封号" @click="addnewtitle"></p>
+        <br>
+            <p v-for="(item,index) in hero">
+                {{index+1}}——{{item.title}}
+                <input type="button" value="降维打击" @click="removed(index)">
+            </p>
+        
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+    <script>
+        let app = new Vue({
+            el: "#app",
+            data: {
+                newtitle: "",
+                li: true,
+                hero: [
+                    {
+                        id: 1,
+                        title: '多元宇宙审判者'
+                    }, {
+                        id: 2,
+                        title: '小行星吞噬者'
+                    }, {
+                        id: 3,
+                        title: '规则生命体'
+                    }, {
+                        id: 4,
+                        title: '幻想乡的王'
+                    }, {
+                        id: 5,
+                        title: "男酮宇宙守护者🙌！！！"
+                    }
+                ],
+            },
+            methods: {
+                addnewtitle: function () {
+                    let obj = {
+                        id: this.hero.length + 1,
+                        title: this.newtitle
+                    }
+
+                    this.hero.push(obj);
+                    this.newtitle = "";
+                },
+                removed: function (index) {
+                    this.hero.splice(index, 1);
+                }
+            }
+        })
+    </script>
+```
\ No newline at end of file
diff --git "a/\345\210\230\346\263\242/2021-6-4.md" "b/\345\210\230\346\263\242/2021-6-4.md"
new file mode 100644
index 0000000000000000000000000000000000000000..34fe0a6dd8f078c0e74571dbf3b3ffeec50e09e6
--- /dev/null
+++ "b/\345\210\230\346\263\242/2021-6-4.md"
@@ -0,0 +1,79 @@
+# Vue的第七天
+* v-on 可以监听DOM节点
+```
+<button @click="++num">加一</button>
+        <p>第{{num}}次</p>
+```
+* v-on 绑定方法
+```
+<button @click="van">暗黑大佟伟</button>
+
+methods:{
+                van:function(){
+                    alert("this is deep");
+                }
+            }
+```
+## 事件修饰符
+* .stop阻止事件继续发生到此为止
+* .prevent阻止本来的事件执行自己定义的事件
+```
+<a href="https://www.baidu.com"  @click.prevent="++num">1998</a>
+```
+* .capture改变事件执行循序
+```
+//从外到内执行默认顺序从内到外
+<div @click.capture="test1">
+    <div @click="test2">榴芒</div>
+</div>
+```
+* .once事件只会触发一次
+```
+<button @click.once="++num">加一</button>
+        <p>第{{num}}次</p>
+```
+* .self绑定节点触发事件才会执行
+```
+<div @click.self="test1">
+            大榴芒
+            <div @click="test2">榴芒</div>
+        </div>
+```
+## 按键修饰符
+* 按键修饰符有
+* .enter
+.tab
+.delete (捕获“删除”和“退格”键)
+.esc
+.space
+.up
+.down
+.left
+.right
+```
+//enter按键的
+<button @keyup.enter="van">enter</button>
+```
+## 系统修饰符
+* .ctrl
+.alt
+.shift
+.meta
+```
+//选择按钮 键盘ctrl+c
+<button @keyup.ctrl.67="++num">xxxx</button>
+```
+.exact 修饰符允许你控制由精确的系统修饰符组合触发的事件
+```
+<!-- 即使 Alt 或 Shift 被一同按下时也会触发 -->
+<button v-on:click.ctrl="onClick">A</button>
+
+<!-- 有且只有 Ctrl 被按下的时候才触发 -->
+<button v-on:click.ctrl.exact="onCtrlClick">A</button>
+
+<!-- 没有任何系统修饰符被按下的时候才触发 -->
+<button v-on:click.exact="onClick">A</button>
+```
+* 鼠标修饰符.left
+.right
+.middle
\ No newline at end of file