From 556c3a68ae347f88b993f420878c3cbdcaec90fe Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:47:04 +0000
Subject: [PATCH 01/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2013=E9=BB=84=E7=BB=8D?=
 =?UTF-8?q?=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2\347\217\255/13\351\273\204\347\273\215\345\213\207/.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/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"
diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From cfc7783710294555aa0fb65bbaca2210f2eedcc7 Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:47:57 +0000
Subject: [PATCH 02/10] =?UTF-8?q?13=20=E9=BB=84=E7=BB=8D=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: xiaoshap <1843251706@qq.com>
---
 .../test1.html"                               | 40 ++++++++++++++++
 .../test2.html"                               | 47 +++++++++++++++++++
 2 files changed, 87 insertions(+)
 create mode 100644 "\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/test1.html"
 create mode 100644 "\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/test2.html"

diff --git "a/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/test1.html" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/test1.html"
new file mode 100644
index 0000000..74237fb
--- /dev/null
+++ "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/test1.html"
@@ -0,0 +1,40 @@
+<!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>
+</head>
+
+<body>
+    <div id="app">
+        <input type="text" v-model="text" name="" id="">
+        <button @click="add">添加</button>
+        <ul>
+            <li v-for="item in list">
+                {{item}}
+            </li>
+        </ul>
+    </div>
+    <script>
+        var app = new Vue({
+            el:'#app',
+            data: {
+                list:[],
+                text:''    
+            },
+            methods:{
+                add(){
+                    this.list.push(this.text);
+                    this.text=''
+                }
+            }
+        });
+
+    </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/2\347\217\255/13\351\273\204\347\273\215\345\213\207/test2.html" "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/test2.html"
new file mode 100644
index 0000000..54ed3b2
--- /dev/null
+++ "b/\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/test2.html"
@@ -0,0 +1,47 @@
+<!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>
+</head>
+
+<body>
+    <div id="app">
+        <h3>鼠标移入移出透明度改变</h3>
+        <img src="img/1.png"  @mouseout="out1" @mouseover="over1" alt="">
+        <hr>
+        <h3>鼠标移入移出切换图片</h3>
+        <img :src="imgSrc" @mouseout="out2" @mouseover="over2" alt="">
+        <br>
+    </div>
+    <script>
+         var app = new Vue({
+            el:'#app',
+            data() {
+                return {
+                    imgSrc:'img/1.png'
+                }
+            },
+            methods:{
+                over1(e){
+                    e.target.style.opacity = 0.5;
+                },
+                out1(e){
+                    e.target.style.opacity = 1;
+                },
+                out2(e){
+                    this.imgSrc = 'img/1.png'
+                },
+                over2(e){
+                    this.imgSrc = 'img/2.png'
+                }
+            }
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


From f2e19713e7ae5aa4a27454df105549676662ac0b Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:50:04 +0000
Subject: [PATCH 03/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2013=E9=BB=84=E7=BB=8D?=
 =?UTF-8?q?=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"   | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"

diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 93c4d8670304da7f599d6c0991b1e76a9e565482 Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:50:39 +0000
Subject: [PATCH 04/10] =?UTF-8?q?13=20=E9=BB=84=E7=BB=8D=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: xiaoshap <1843251706@qq.com>
---
 .../1.html"                                   | 86 +++++++++++++++++++
 .../2.html"                                   | 33 +++++++
 .../3.html"                                   | 31 +++++++
 3 files changed, 150 insertions(+)
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/1.html"
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/2.html"
 create mode 100644 "\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/3.html"

diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/1.html" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/1.html"
new file mode 100644
index 0000000..dea715f
--- /dev/null
+++ "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/1.html"
@@ -0,0 +1,86 @@
+<!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>
+		<style>
+			input {
+				margin-bottom: 15px;
+			}
+		</style>
+	</head>
+	<body>
+		<div id="app">
+			商品：<input type="text" v-model="product.name" /><br />
+			数量：<input type="text" v-model="product.num" /><br />
+			价格：<input type="text" v-model="product.price" /><br />
+			<button @click="addCar">添加到购物车</button>
+			<ul>
+				<li v-for="item in productList">
+					<strong>{{item.name}}</strong>
+					的数量是<strong>{{item.num}}</strong>,
+					单价是<strong>{{item.price}}</strong>,
+					小计：<u>{{item.num*item.price}}</u>
+				</li>
+				{{totalProduct}}
+				<li>总计：总数----<u>{{totalNum}}</u>----总价----<u>{{totalPrice}}</u></li>
+			</ul>
+		</div>
+		<script src="vue.js"></script>
+		<script>
+			var app = new Vue({
+				el: "#app",
+				data: {
+					product: {
+						name: "",
+						num: "",
+						price: ""
+					},
+					productList: [{
+							name: "牙刷",
+							num: 5,
+							price: 10
+						},
+						{
+							name: "牙膏",
+							num: 5,
+							price: 10
+						},
+						{
+							name: "镜子",
+							num: 5,
+							price: 10
+						}
+					],
+					totalNum: 0,
+					totalPrice: 0
+				},
+				methods: {
+					addCar() {
+						if (JSON.stringify(this.product) != '{}') {
+							this.productList.push(this.product)
+							this.product = {};
+						}
+					}
+				},
+				computed: {
+
+					totalProduct() {
+						const length = this.productList.length
+						if (length != 0) {
+							for (i = 0; i < length; i++) {
+								this.totalNum += parseInt(this.productList[i].num)
+								this.totalPrice += parseInt(this.productList[i].num) * parseInt(this.productList[i]
+									.price)
+							}
+						}
+					}
+				}
+			})
+		</script>
+	</body>
+
+</html>
diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/2.html" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/2.html"
new file mode 100644
index 0000000..d8daf11
--- /dev/null
+++ "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/2.html"
@@ -0,0 +1,33 @@
+<!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>
+	</head>
+	<body>
+		<div id="app">
+			<h2>去除空格</h2>
+			<input type="text" v-model="context" />
+			<h2>{{ context | filterA }}</h2>
+		</div>
+		<script src="vue.js"></script>
+		<script>
+			var app = new Vue({
+				el: "#app",
+				data: {
+					context: "",
+				},
+				filters: {
+					filterA: function(value) {
+						return value.split(" ").join('')
+					}
+				}
+			})
+		</script>
+
+	</body>
+
+</html>
diff --git "a/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/3.html" "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/3.html"
new file mode 100644
index 0000000..8d69a9b
--- /dev/null
+++ "b/\347\254\254\345\233\233\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/3.html"
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+		<div id="app">
+			<h2>四舍五入</h2>
+			<input type="text" v-model="price" />
+			<h2>{{ price | filterA }}</h2>
+		</div>
+		<script src="vue.js"></script>
+		<script>
+			var app = new Vue({
+				el: "#app",
+				data: {
+					price: 0
+				},
+				filters: {
+					filterA: function(value) {
+						if (value == '') {
+							return
+						}
+						return parseFloat(value).toFixed(2) + "元";
+					}
+				}
+			})
+		</script>
+	</body>
+</html>
-- 
Gitee


From fad40a0338fa33700922900b5f4f76b5f575838d Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:51:02 +0000
Subject: [PATCH 05/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2013=E9=BB=84=E7=BB=8D?=
 =?UTF-8?q?=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"   | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"

diff --git "a/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep" "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 599b6d296607416beddf88101dc560232367d073 Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:51:30 +0000
Subject: [PATCH 06/10] =?UTF-8?q?13=20=E9=BB=84=E7=BB=8D=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: xiaoshap <1843251706@qq.com>
---
 ...\347\216\207\350\275\254\346\215\242.html" |  46 ++++++
 ...\350\264\255\347\211\251\350\275\246.html" | 136 ++++++++++++++++++
 2 files changed, 182 insertions(+)
 create mode 100644 "\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/\346\261\207\347\216\207\350\275\254\346\215\242.html"
 create mode 100644 "\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/\350\264\255\347\211\251\350\275\246.html"

diff --git "a/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/\346\261\207\347\216\207\350\275\254\346\215\242.html" "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/\346\261\207\347\216\207\350\275\254\346\215\242.html"
new file mode 100644
index 0000000..87ac530
--- /dev/null
+++ "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/\346\261\207\347\216\207\350\275\254\346\215\242.html"
@@ -0,0 +1,46 @@
+<!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>
+
+</head>
+
+<body>
+  <div id="app">
+    ￥：<input type="text" v-model="rmb">
+    <br>
+    $：<input type="text" v-model="dollar">
+
+    <p v-show="rmb!='' && dollar!=''">{{rmb}}人民币={{dollar}}美元</p>
+    <br>
+  </div>
+
+  <script>
+    new Vue({
+      el: "#app",
+      data: {
+        rmb: "",
+        dollar: ""
+      },
+
+      watch: {
+
+        rmb (newValue, oldValue) {
+          this.dollar = newValue * 0.1419;
+        },
+
+        dollar (newValue, oldValue) {
+          this.rmb = newValue / 0.1419;
+        }
+
+      }
+    })
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/\350\264\255\347\211\251\350\275\246.html" "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/\350\264\255\347\211\251\350\275\246.html"
new file mode 100644
index 0000000..286298e
--- /dev/null
+++ "b/\347\254\254\344\272\224\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/\350\264\255\347\211\251\350\275\246.html"
@@ -0,0 +1,136 @@
+<!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>
+    table {
+      border: 2px solid gray;
+      border-collapse: collapse;
+      border-spacing: 0;
+    }
+
+    th,
+    td {
+      border: 2px solid gray;
+      text-align: center;
+      padding: 10px 20px;
+    }
+
+    input {
+      width: 60px;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app">
+    <button @click="addOne">添加</button>
+    <div v-if="goods.length>0">
+      <table>
+        <tr>
+          <th>id</th>
+          <th>商品名称</th>
+          <th>商品价格</th>
+          <th>商品数量</th>
+          <th>操作</th>
+        </tr>
+        <tr v-for="item,index in goods" :key="item">
+          <td>{{item.id}}</td>
+          <td>{{item.name}}</td>
+          <td>{{item.price}}</td>
+          <td><button @click="subcount(index)" :disabled="goods[index].num==1">-</button>
+            {{item.num}}
+            <button @click="addcount(index)">+</button>
+          </td>
+          <td><button @click="delOne(index)">移除</button></td>
+        </tr>
+
+        <tr v-if="add">
+          <td><input v-model="id" type="text"></td>
+          <td><input v-model="name" type="text"></td>
+          <td><input v-model="price" type="text"></td>
+          <td><input v-model="num" type="text"></td>
+          <td><button @click="addSubmit">确定</button></td>
+        </tr>
+
+      </table>
+      <h1>总价格：￥{{sumPrice}}</h1>
+    </div>
+    <div v-else>
+      <h1>购物车为空！！</h1>
+      <table v-if="add">
+        <tr>
+          <th>id</th>
+          <th>商品名称</th>
+          <th>商品价格</th>
+          <th>商品数量</th>
+          <th>操作</th>
+        </tr>
+        <tr>
+          <td><input v-model="id" type="text"></td>
+          <td><input v-model="name" type="text"></td>
+          <td><input v-model="price" type="text"></td>
+          <td><input v-model="count" type="text"></td>
+          <td><button @click="queding">确定</button></td>
+        </tr>
+      </table>
+    </div>
+
+  </div>
+</body>
+<script>
+  new Vue({
+    el: '#app',
+    data () {
+      return {
+        add: false,
+        id: '',
+        name: '',
+        price: '',
+        num: '',
+        goods: [{ id: 1, name: "充电宝", price: 23.22, num: 1 },
+        { id: 2, name: "小风扇", price: 52.33, num: 3 },
+        { id: 3, name: "小音箱", price: 32.22, num: 1 }
+        ]
+      }
+    },
+    methods: {
+      addOne () {
+        this.add = true
+      },
+      delOne (index) {
+        this.goods.splice(index, 1)
+      },
+      addSubmit () {
+        var Obj = { id: this.id, name: this.name, price: this.price, num: this.num }
+        this.goods.push(Obj)
+        this.add = false
+      },
+      addcount (index) {
+        this.goods[index].num++
+      },
+      subcount (index) {
+        this.goods[index].num--
+      },
+
+    },
+    computed: {
+      sumPrice () {
+        var sum = 0;
+        for (var i = 0; i < this.goods.length; i++) {
+          sum = sum + (this.goods[i].price * this.goods[i].num)
+        }
+        return sum.toFixed(2);
+      }
+    }
+  })
+</script>
+
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


From d97567a011d99e6e8cf3f9728140e831d2933d61 Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:51:46 +0000
Subject: [PATCH 07/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2013=E9=BB=84=E7=BB=8D?=
 =?UTF-8?q?=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"   | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"

diff --git "a/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep" "b/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 451401c31cd6f99d11baf86172f0bdd92c0ab9b2 Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:52:29 +0000
Subject: [PATCH 08/10] =?UTF-8?q?13=20=E9=BB=84=E7=BB=8D=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: xiaoshap <1843251706@qq.com>
---
 .../1.html"                                   | 110 ++++++++++++++++++
 1 file changed, 110 insertions(+)
 create mode 100644 "\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/1.html"

diff --git "a/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/1.html" "b/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/1.html"
new file mode 100644
index 0000000..3b729f9
--- /dev/null
+++ "b/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/1.html"
@@ -0,0 +1,110 @@
+<!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>
+<body>
+  <div id="app">
+    <table>
+      <tr>
+        <td>姓名：</td>
+        <td>
+          <input type="text" v-model="name">
+        </td>
+      </tr>
+      <tr>
+        <td>性别：</td>
+        <td>
+          <label for="man">
+            <input type="radio" name="sex" id="man" value="man" v-model="sex">男
+          </label>
+          <label for="woman">
+            <input type="radio" name="sex" id="woman" value="woman" v-model="sex">女
+          </label>
+        </td>
+      </tr>
+      <tr>
+        <td>爱好：</td>
+        <td>
+
+          <input type="checkbox" name="" id="" value="唱歌" v-model="lover">
+          唱歌</label>
+
+          <input type="checkbox" name="" id="" value="跳舞" v-model="lover">
+          跳舞 </label>
+
+          <input type="checkbox" name="" id="" value="篮球" v-model="lover">
+          篮球 </label>
+        </td>
+      </tr>
+      <tr>
+        <td>职业：</td>
+        <td>
+          <select name="" id="" multiple v-model="profession">
+            <option value="老板">老板</option>
+            <option value="软件工程师">软件工程师</option>
+            <option value="教师">教师</option>
+          </select>
+        </td>
+      </tr>
+      <tr>
+        <td>个人简介：</td>
+        <td>
+          <textarea name="" id="" v-model="info" cols="30" rows="10"></textarea>
+        </td>
+      </tr>
+      <tr>
+        <td>城市：</td>
+        <td>
+          <select name="" id="" v-model="city" >
+            <option value="北京">北京</option>
+            <option value="厦门">厦门</option>
+            <option value="福州">福州</option>
+          </select>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="2">
+          <label for="agr">
+            <input type="checkbox" name="" v-model="isAgree" id="agr">
+            同意
+          </label>
+          <button :disabled="!isAgree" @click="allInfo='true'">提交</button>
+        </td>
+      </tr>
+    </table>
+    <div v-show="allInfo">
+      <h2>您的个人信息是：用户名：{{name}} 性别：{{sex}} 爱好：{{lover}} 职业：{{profession}} 个人简介：{{info}}  城市：{{city}}</h2>
+    </div>
+
+  </div>
+
+
+
+
+</body>
+<script>
+
+  new Vue({
+    el: '#app',
+    data () {
+      return {
+        name: '',
+        sex: 'man',
+        lover: [],
+        profession: [],
+        info: '',
+        city: '',
+        isAgree: false,
+        allInfo: false
+      }
+    }
+  })
+
+</script>
+
+</html>
\ No newline at end of file
-- 
Gitee


From 0b00e10c38ed131bb5aa4db9fac12586c3fd9010 Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:52:53 +0000
Subject: [PATCH 09/10] =?UTF-8?q?=E6=96=B0=E5=BB=BA=2013=E9=BB=84=E7=BB=8D?=
 =?UTF-8?q?=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"   | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"

diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 1f4cb36b342327a02c8eec677fd2fc8a22c2be16 Mon Sep 17 00:00:00 2001
From: xiaoshap <1843251706@qq.com>
Date: Sun, 23 Oct 2022 14:53:27 +0000
Subject: [PATCH 10/10] =?UTF-8?q?13=20=E9=BB=84=E7=BB=8D=E5=8B=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: xiaoshap <1843251706@qq.com>
---
 .../v-focus-bind.html"                        | 25 +++++++++++
 .../v-model trim.html"                        | 41 +++++++++++++++++++
 .../v-on.html"                                | 39 ++++++++++++++++++
 3 files changed, 105 insertions(+)
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-focus-bind.html"
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-model trim.html"
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-on.html"

diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-focus-bind.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-focus-bind.html"
new file mode 100644
index 0000000..c7d839f
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-focus-bind.html"
@@ -0,0 +1,25 @@
+<!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>
+</head>
+<body>
+    <div class="app">
+        <input v-focus-bind type="text">
+    </div>
+    <script>
+        Vue.directive('focus-bind', (el, binding) => {
+            setTimeout(()=>{
+                el.focus()
+            },0)
+          })
+        const app = new Vue({
+          el: '.app',
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-model trim.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-model trim.html"
new file mode 100644
index 0000000..bd6ee1a
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-model trim.html"	
@@ -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>Document</title>
+    <script src="vue.js"></script>
+</head>
+<body>
+    <div class="app">
+        <input type="text" v-fk_modul.trim="msg" />
+        <button @click="msg='蔡徐坤'">changeMsg</button>
+        <h2>msg:{{msg}}</h2>
+      </div>
+      <script>
+        Vue.directive('fk_modul', (el, binding, vnode) => {
+          binding.eve = 'input'
+          if (binding.modifiers.trim) {
+              el.addEventListener(binding.eve, function () {
+                vnode.context[binding.expression] = el.value.trim()
+              })
+              el.value = binding.value.trim()
+          }else{
+              el.addEventListener(binding.eve, function () {
+                vnode.context[binding.expression] = el.value
+              })
+              el.value = binding.value
+          }
+          
+        })
+        const app = new Vue({
+          el: '.app',
+          data: {
+            msg: '',
+          }
+        })
+      </script>
+      
+</body>
+</html>
\ No newline at end of file
diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-on.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-on.html"
new file mode 100644
index 0000000..1c1692d
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/13\351\273\204\347\273\215\345\213\207/v-on.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="vue.js"></script>
+</head>
+
+<body>
+    <div class="app">
+        <h2>{{count}}</h2>
+        <button v-fk_click:click="countAdd">count++</button>
+    </div>
+    <script>
+        Vue.directive('fk_click', function(el, binding){
+            if (binding.arg === 'click') {
+              el.onclick = (e)=> {
+                app[binding.expression]()
+              }
+            }
+          })
+        const app = new Vue({
+          el: '.app',
+          data: {
+            count:1
+          },
+          methods: {
+            countAdd() {
+              this.count++;
+            },
+          },
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee


姓名：	+ +
性别：	+ + 男 + + + 女 + +
爱好：	+ + + 唱歌 + + + 跳舞 + + + 篮球 +
职业：	+ +
个人简介：	+ +
城市：	+ +
+ + + 同意 + + +