From 081a84e7d69c1cc536c3df913313e31df7bfe688 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=8D=B7?=
 <11074349+qqstar123123@user.noreply.gitee.com>
Date: Mon, 5 Dec 2022 02:25:10 +0000
Subject: [PATCH 1/6] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2020210340808=E8=91=A3?=
 =?UTF-8?q?=E6=8D=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../1\347\217\255/20210340808\350\221\243\346\215\267/.keep"      | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep"
diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 5bc071950ffe9761eb19ce7088292ade0786efc5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=8D=B7?=
 <11074349+qqstar123123@user.noreply.gitee.com>
Date: Mon, 5 Dec 2022 02:25:34 +0000
Subject: [PATCH 2/6] =?UTF-8?q?=E7=AC=AC=E4=B8=80=E6=AC=A1=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 董捷 <11074349+qqstar123123@user.noreply.gitee.com>
---
 .../01.html"                                  | 35 +++++++++++++++++++
 .../02.html"                                  | 30 ++++++++++++++++
 .../03.html"                                  | 30 ++++++++++++++++
 3 files changed, 95 insertions(+)
 create mode 100644 "\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/01.html"
 create mode 100644 "\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/02.html"
 create mode 100644 "\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/03.html"

diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/01.html" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/01.html"
new file mode 100644
index 0000000..e2dd44b
--- /dev/null
+++ "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/01.html"
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+  <script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dist/vue.js"></script>
+</head>
+<body>
+<div id="text">
+  <input type="text" v-model:name="inputValue">
+  <button id="btn" v-on:click="add">点击</button>
+    <h2 v-for="item in list">{{item}}</h2>
+</div>
+<script>
+  var vm=new Vue({
+      el: "#text",
+  data:{
+          list:[],
+          inputValue:"",
+  },
+  methods:{
+          add(){
+              this.list.push(this.inputValue)
+              this.inputValue=""
+          }
+  }
+
+  },
+  )
+
+
+</script>
+
+</body>
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/02.html" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/02.html"
new file mode 100644
index 0000000..a17ff3c
--- /dev/null
+++ "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/02.html"
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dist/vue.js"></script>
+</head>
+<body>
+<div id="box">
+    <img src=1.jpg v-on:mouseover="mousein" v-on:mouseout="mouseout">
+</div>
+<script>
+    var num = new Vue({
+        el: "#box",
+        data: {
+
+        }
+        ,
+        methods: {
+            mousein(event){
+                event.target.style.opacity=0.5;
+            },
+            mouseout(event){
+                event.target.style.opacity=1;
+            }
+        }
+    })
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/03.html" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/03.html"
new file mode 100644
index 0000000..0ad496e
--- /dev/null
+++ "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/03.html"
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dist/vue.js"></script>
+</head>
+<body>
+<div id="box">
+    <img :src="imgName"   v-on:mouseover="mousein" v-on:mouseout="mouseout">
+</div>
+<script>
+    var num = new Vue({
+        el: "#box",
+        data: {
+            imgName:"1.jpg",
+        }
+        ,
+        methods: {
+            mousein(){
+                this.imgName="2.jpg"
+            },
+            mouseout(){
+                this.imgName="1.jpg"
+            }
+        }
+    })
+</script>
+</body>
+</html>
\ No newline at end of file
-- 
Gitee


From 97fb509e73f3b1be76fed5557b21a1692384f25f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=8D=B7?=
 <11074349+qqstar123123@user.noreply.gitee.com>
Date: Mon, 5 Dec 2022 02:26:02 +0000
Subject: [PATCH 3/6] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2020210340808=E8=91=A3?=
 =?UTF-8?q?=E6=8D=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../1\347\217\255/20210340808\350\221\243\346\215\267/.keep"      | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep"

diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 24120b4e290e53b26928d4c76cf8238143472d4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=8D=B7?=
 <11074349+qqstar123123@user.noreply.gitee.com>
Date: Mon, 5 Dec 2022 02:26:23 +0000
Subject: [PATCH 4/6] =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E6=AC=A1=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 董捷 <11074349+qqstar123123@user.noreply.gitee.com>
---
 .../1.html"                                   | 30 ++++++++++++++
 .../2.html"                                   | 37 ++++++++++++++++++
 .../3.html"                                   | 39 +++++++++++++++++++
 .../4.html"                                   | 34 ++++++++++++++++
 4 files changed, 140 insertions(+)
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/1.html"
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/2.html"
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/3.html"
 create mode 100644 "\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/4.html"

diff --git "a/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/1.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/1.html"
new file mode 100644
index 0000000..bf799de
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/1.html"
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+  <script src="../study/js/vue.js"></script>
+</head>
+<body>
+<div id="root">
+    请输入张三的成绩：<input type="text" v-model="inputValue">
+    <h2 v-if="inputValue>=90 && inputValue<=100">张三成绩为优秀</h2>
+    <h2 v-if="inputValue>=75 && inputValue<90">张三成绩为良好</h2>
+    <h2 v-if="inputValue>=60 && inputValue<75">张三成绩为及格</h2>
+    <h2 v-if="inputValue>=0 && inputValue<60 && inputValue!=null && inputValue !='' ">张三成绩为不及格</h2>
+</div>
+
+<script>
+    var vm=new Vue({
+        el:'#root',
+        data:{
+            inputValue:null
+        },
+
+
+
+    })
+
+</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/1\347\217\255/20210340808\350\221\243\346\215\267/2.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/2.html"
new file mode 100644
index 0000000..2ce83fb
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/2.html"
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+  <script src="../study/js/vue.js"></script>
+</head>
+<body>
+  <div id="box">
+   <img :src="img">
+    <button v-on:click="btn">点我切换图片</button>
+
+
+  </div>
+<script>
+      var vm=new Vue({
+
+        el:'#box',
+        data:{
+            img:'img/1.jpg'
+
+        },
+        methods: {
+          btn(){
+             if(this.img=='img/1.jpg'){
+                 this.img='img/2.jpg'
+             }else {
+                 this.img='img/1.jpg'
+             }
+
+          }
+        }
+
+      })
+</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/1\347\217\255/20210340808\350\221\243\346\215\267/3.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/3.html"
new file mode 100644
index 0000000..55e2bab
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/3.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>Document</title>
+    <script src="../study/js/vue.js"></script>
+</head>
+
+<body>
+<div id="app">
+    <h1 v-html="info"></h1>
+    <h1 v-html="button"></h1>
+    <hr>
+    <button @click.once="addh2">点我增加一行</button>
+    <button @click="addButton">点我增加一个按钮</button>
+</div>
+</body>
+<script>
+    var vue = new Vue({
+        el: "#app",
+        data: {
+            info:'<h2>haha</h2>',
+            button:'<button>haha,我是新增的按钮</button>'
+        },
+        methods:{
+            addh2(){
+                this.info = this.info + '<h2>haha，我是新增的一行</h2>'
+            },
+            addButton(){
+                this.button = this.button + '<button>haha,我是新增的按钮</button>'
+            }
+        }
+    })
+</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/20210340808\350\221\243\346\215\267/4.html" "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/4.html"
new file mode 100644
index 0000000..d4c4279
--- /dev/null
+++ "b/\347\254\254\344\272\214\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/4.html"
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+  <script src="../study/js/vue.js"></script>
+</head>
+<body>
+<div id="box">
+  <input type="text"  @keydown.caps-lock="showInfo">
+    <h2 v-if="qh">{{msg}}</h2>
+
+</div>
+</body>
+<script>
+    Vue.config.productionTip = false
+    Vue.config.keyCodes.capslock = 20
+  new Vue({
+    el:'#box',
+  data:{
+      msg: '当前切换成大写模式',
+      qh:false
+  },
+  methods:{
+        showInfo(){
+            this.qh = !this.qh
+        }
+  }
+  }
+  )
+</script>
+
+
+</html>
\ No newline at end of file
-- 
Gitee


From 4c377e982ea6aeaabc136ddd49404e1a6013437c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=8D=B7?=
 <11074349+qqstar123123@user.noreply.gitee.com>
Date: Mon, 5 Dec 2022 02:26:55 +0000
Subject: [PATCH 5/6] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2020210340808=E8=91=A3?=
 =?UTF-8?q?=E6=8D=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../1\347\217\255/20210340808\350\221\243\346\215\267/.keep"      | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep"

diff --git "a/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep" "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From c8443e258762e9abc05442758eccd9ce91d6ea3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E6=8D=B7?=
 <11074349+qqstar123123@user.noreply.gitee.com>
Date: Mon, 5 Dec 2022 02:27:11 +0000
Subject: [PATCH 6/6] =?UTF-8?q?=E7=AC=AC=E4=B8=89=E6=AC=A1=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 董捷 <11074349+qqstar123123@user.noreply.gitee.com>
---
 .../1.html"                                   | 58 +++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 "\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/1.html"

diff --git "a/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/1.html" "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/1.html"
new file mode 100644
index 0000000..fe0c57d
--- /dev/null
+++ "b/\347\254\254\344\270\211\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340808\350\221\243\346\215\267/1.html"
@@ -0,0 +1,58 @@
+
+
+<!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>Document</title>
+    <script src="vue.js"></script>
+    <style>
+        ul {
+            width: 100vw;
+            display: flex;
+            justify-content: space-evenly;
+            box-sizing: border-box;
+            padding: 10px;
+            list-style: none;
+            background-color: aqua;
+        }
+
+        li {
+            cursor: pointer;
+            width: 100px;
+            height: 100px;
+            text-align: center;
+            line-height: 100px;
+        }
+
+        .bg-red {
+            background-color: red;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="app">
+        <ul>
+            <li v-for="(v,index) in list" :key="index" @click="localClick = v" :class="{
+                'bg-red':  v === localClick
+            }">
+                {{v}}
+            </li>
+        </ul>
+    </div>
+    <script>
+        new Vue({
+            el: "#app",
+            data: {
+                list: ["标题1", "标题2", "标题3", "标题4"],
+                localClick: ''
+            },
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee

