diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/.keep" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index1.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index1.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ce4e5c2aeccfd9742b746d57b5b448a47d84b7a9
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index1.html"
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>判定成绩</title>
+</head>
+<body>
+    <script src="vue.js"></script>
+    <div id="test1">
+        <div id="test2">
+            <input type="" v-on:keyup.13="sscore" id="test3" value="" />
+            <div v-if="score>=90">
+                张三的成绩优秀
+            </div>
+            <div v-else-if="score>=80">
+                张三的成绩良好
+            </div>
+            <div v-else-if="score>=60">
+                张三的成绩及格
+            </div>
+            <div v-else>
+                张三的成绩不及格
+            </div>
+        </div>
+    </div>
+</body>
+<script>
+var app=new Vue({
+    el:"#test1",
+    data:{
+        score:"",
+    },
+    methods:{
+        sscore(){
+            this.score=event.target.value;
+        }
+    }
+})
+</script>
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index2.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index2.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f394b0c6648d68dc60708bdfc729676487a3c4eb
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index2.html"
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>切换图片</title>
+</head>
+<body>
+    <script src="vue.js"></script>
+    <div id="app">
+        <img :src="image" id="img" >
+        <button @click="click" type="button">点我切换图片</button>
+    </div>
+</body>
+<script>
+    var app = new Vue({
+        el:"#app",
+        data:{
+            image:'img/001.jpg',
+        },
+        methods:{
+            click(){
+                if(this.image=="img/001.jpg")
+                {
+                    this.image="img/002.jpg";
+                    console.log("1")
+                }else{
+                    this.image="img/003.jpg";
+                    console.log("2")
+                }
+                        
+            },
+            
+        },
+    });
+        
+</script>
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index3.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index3.html"
new file mode 100644
index 0000000000000000000000000000000000000000..d540691598a6a4096c99971aad7dca7d56d43e7e
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index3.html"
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>增加新行</title>
+</head>
+    <script src="vue.js"></script>
+    <body>
+        <div id="test1">
+            <p>{{message}}</p>
+            <p v-for="(item, index) in list">{{item}}</p>
+            <span v-for="(item, index) in num"><button>新按钮</button></span>
+            <hr>
+            <button @click.once="add">点击加一行</button>
+            <button @click="num++">点击加一个按钮</button>
+        </div>
+    </body>
+    <script>
+    
+        var vm = new Vue({
+            el: '#test1',
+            data: {
+    
+                list: [],
+                message: '哈哈',
+                num:0
+    
+            },
+            methods: {
+                add(value) {
+                    this.list.push('哈哈这是新一行')
+                }
+            },
+        });
+    </script>
+    
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index4.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index4.html"
new file mode 100644
index 0000000000000000000000000000000000000000..0e0f72b1156adac84a320d6014e8fe23c73af2e2
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340833\351\255\217\345\206\233\351\234\236/index4.html"
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>切换大小写</title>
+</head>
+<script src="vue.js"></script>
+<body>
+    <div id="box">
+      <input type="text"  @keydown.caps-lock="showInfo">
+        <h2 v-if="change">{{msg}}</h2>
+    
+    </div>
+    </body>
+    <script>
+        Vue.config.productionTip = false
+        Vue.config.keyCodes.capslock = 20
+      new Vue({
+        el:'#box',
+      data:{
+          msg: '当前切换成大写模式',
+          change:false
+      },
+      methods:{
+            showInfo(){
+                this.change = !this.change
+            }
+      }
+      }
+      )
+    </script>
+</html>
\ No newline at end of file
