diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203"
deleted file mode 100644
index cf21aee26a3c22a4c53a60443f8649adf476b8b7..0000000000000000000000000000000000000000
--- "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203"
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <div id="ROOT">
-
-    <div id="INPUT"
-      <input v-model="msg" style="height: 18px"> <button @click="add()">添加</button>
-    </div>
-    <div id="LIST">
-      <ul>
-        <li v-for="(item,index) in List" :key="index">
-          {{item}}
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-name: "Test",
-  data() {
-    return {
-      msg: '',
-      List : []
-    }
-  },
-  methods: {
-    add() {
-      this.msgList.push(this.msg)
-      this.msg = ''
-    },
-  },
-}
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/.keep" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/03\344\274\215\347\245\232\346\235\203" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/03\344\274\215\347\245\232\346\235\203"
new file mode 100644
index 0000000000000000000000000000000000000000..f479fd404cfdf6c16f551b97979766f313091ccb
--- /dev/null
+++ "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/03\344\274\215\347\245\232\346\235\203"
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="UTF-8">
+    <title>Demo1</title>
+    <script src = vue.js> </script>
+</head>
+<body>
+<div id="app">
+    <input value="text" v-model="message">
+    <p>请输入：{{message}}</p>
+    <button v-on:click="add">添加</button>
+    <ul><li v-for="item in numbers">{{item}}</li></ul>
+</div>
+
+
+<script>
+    var m = new Vue({
+
+        el:"#app",
+        data:{
+            message:"",
+            numbers:[]
+        },
+        methods:{
+            add() {
+                this.numbers.push(this.message)
+                this.message=""
+            }
+        }
+
+    })
+</script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/.keep" "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\270\211\346\254\241" "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\270\211\346\254\241"
new file mode 100644
index 0000000000000000000000000000000000000000..b713fc8019faf17d4933699cdddc160fbc6b4615
--- /dev/null
+++ "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\270\211\346\254\241"
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+  <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
+
+    <style>
+        ul li{
+            background-color: white;
+            list-style-type: none;
+            float: left;
+            margin: 10px;
+        }
+        li:hover{
+            background-color: red;
+        }
+    </style>
+</head>
+<body>
+
+
+<div id="app">
+
+    <ul v-bind:class="{'li' : ifshow}">
+        <li>教父</li>
+        <li>楚门的世界</li>
+        <li>阿甘正传</li>
+        <li>盗梦空间</li>
+
+    </ul>
+
+
+</div>
+
+<script>
+        var vue = new Vue({
+              el: "#app",
+              data : {
+                ifshow:true
+
+              },
+              methods : {
+              splitmsg(){
+
+                return this.msg.split("").reverse().join('');
+              }
+
+          },
+            computed : {
+
+            }
+
+        });
+
+</script>
+
+</body>
+</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/03\344\274\215\347\245\232\346\235\203/.keep" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/.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/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24101" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24101"
new file mode 100644
index 0000000000000000000000000000000000000000..ce75378e34b2fc93da55f25c37ed144735549149
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24101"
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
+</head>
+<body>
+
+
+<div id="app">
+    请输入张三的成绩：<input type="number" v-model="grade" @keyup.enter="gradecompuly">
+    <h1>{{message}}</h1>
+
+</div>
+
+
+<script>
+    var app = new Vue({
+        el: "#app",
+        data :{
+            // name: "hahaha",
+            // age: 20
+            grade: 0,
+            message:"未输入成绩"
+        },
+        methods: {
+
+            gradecompuly(e) {
+                if (this.grade >= 95){
+                    this.message = "张三的成绩优秀"
+                }else if (this.grade >= 75){
+                    this.message = "张三的成绩良好"
+                }else if (this.grade >= 60){
+                    this.message = "张三的成绩及格"
+                }else {
+                    this.message = "张三的成绩不及格"
+                }
+
+            }
+
+        }
+
+
+
+
+    });
+</script>
+</body>
+</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/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24102" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24102"
new file mode 100644
index 0000000000000000000000000000000000000000..daf6d86a7c08592312b2f8d0e559c1215a8f035d
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24102"
@@ -0,0 +1,41 @@
+<!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>
+    <script src="vue.js"></script>
+</head>
+<body>
+    <div id="app">
+        <h1>haha</h1>
+        <h1 v-show="add">haha新增</h1>
+        <span v-for="item in list" v-html="item"></span>
+        <hr>
+        <input type="button" @click="add_line" value="点击增加一行">
+        <input type="button" @click="addbutton" value="点击增加一个">
+    </div>
+
+
+    <script type="text/javascript">
+        var vm =new Vue({
+            el: '#app',
+            data: {
+                add:false,
+                list:[]
+            },
+            methods:{
+                add_line(){
+                    this.add=true
+                },
+                addbutton(){
+                    this.list.push('<button>按钮</button><br>')
+                }
+            }
+
+        })
+
+    </script>
+</body>
+</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/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24103" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24103"
new file mode 100644
index 0000000000000000000000000000000000000000..07c5ddf2dfcf149ec227e889077a12381b175719
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24103"
@@ -0,0 +1,32 @@
+<!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>
+    
+    <div id="capslock">
+        <input type="text" @keydown.20="cap">
+        <h2 v-show="!ok"></h2>
+        <h2 v-show="ok">当前已切换大写模式！</h2>
+    </div>
+
+    <script type="text/javascript">
+        var vm =new Vue({
+            el: '#capslock',
+            data: {
+                ok:false
+            },
+            methods:{
+                cap(){
+                    this.ok=!this.ok
+                }
+            }
+        })
+
+    </script>
+</body>
+</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/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24104" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24104"
new file mode 100644
index 0000000000000000000000000000000000000000..1d255276d8e85ffb621853255dc3ed22095aa800
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/\347\254\254\344\272\214\346\254\24104"
@@ -0,0 +1,35 @@
+<!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>
+    <script src="vue.js"></script>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div id="image">
+        <img src="Iamge/1.png" v-show="ok">
+        <img src="Iamge/2.png" v-show="!ok">
+        <br>
+        <br>
+        <button @click="change">点我切换图片</button>
+    </div>
+
+    <script type="text/javascript">
+        var vm =new Vue({
+            el: '#image',
+            data: {
+                ok:true
+            },
+            methods:{
+                change(){
+                    this.ok=!this.ok
+                }
+            }
+        })
+    </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/.keep" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/03\344\274\215\347\245\232\346\235\203/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
