From 9999fd4e23c79f9aeb227d84df3cbbde43e197b0 Mon Sep 17 00:00:00 2001
From: lili <11534442+li-yun-07@user.noreply.gitee.com>
Date: Wed, 21 Dec 2022 12:56:32 +0000
Subject: [PATCH 1/2] =?UTF-8?q?21=E6=9D=8E=E8=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: lili <11534442+li-yun-07@user.noreply.gitee.com>
---
 ...\346\254\241\344\275\234\344\270\232.html" | 106 ++++++++++++++++++
 1 file changed, 106 insertions(+)
 create mode 100644 "\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232.html"
diff --git "a/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232.html" "b/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..8ec6023
--- /dev/null
+++ "b/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\347\254\254\345\205\255\346\254\241\344\275\234\344\270\232.html"
@@ -0,0 +1,106 @@
+<!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="js/v2.6.10/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 340d436c2218db26cf3288e347217a58a9944ae3 Mon Sep 17 00:00:00 2001
From: lili <11534442+li-yun-07@user.noreply.gitee.com>
Date: Wed, 21 Dec 2022 12:57:13 +0000
Subject: [PATCH 2/2] =?UTF-8?q?21=E6=9D=8E=E8=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: lili <11534442+li-yun-07@user.noreply.gitee.com>
---
 ...\345\256\236\347\216\260v-focus-bind.html" | 25 +++++++++++
 ...v-model trim\345\212\237\350\203\275.html" | 41 +++++++++++++++++++
 .../\345\256\236\347\216\260v-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/21\346\235\216\350\212\270/\345\256\236\347\216\260v-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/21\346\235\216\350\212\270/\345\256\236\347\216\260v-model trim\345\212\237\350\203\275.html"
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\345\256\236\347\216\260v-on.html"

diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\345\256\236\347\216\260v-focus-bind.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\345\256\236\347\216\260v-focus-bind.html"
new file mode 100644
index 0000000..1306bf7
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\345\256\236\347\216\260v-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="./js/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/21\346\235\216\350\212\270/\345\256\236\347\216\260v-model trim\345\212\237\350\203\275.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\345\256\236\347\216\260v-model trim\345\212\237\350\203\275.html"
new file mode 100644
index 0000000..46485b9
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\345\256\236\347\216\260v-model trim\345\212\237\350\203\275.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="./js/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/21\346\235\216\350\212\270/\345\256\236\347\216\260v-on.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\345\256\236\347\216\260v-on.html"
new file mode 100644
index 0000000..456509a
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/21\346\235\216\350\212\270/\345\256\236\347\216\260v-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="./js/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)=> {
+                vnode.context[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


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