From 15b86487cc65b371a1fb5f7bbf5d67948898695e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=96=B9=E6=A2=81=E6=A2=81?=
 <8671823+zzz123xnxn@user.noreply.gitee.com>
Date: Tue, 18 Oct 2022 13:02:18 +0000
Subject: [PATCH] =?UTF-8?q?=E6=96=B9=E6=A2=81=E6=A2=81=20=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E4=BD=9C=E4=B8=9A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 方梁梁 <8671823+zzz123xnxn@user.noreply.gitee.com>
---
 .../.vscode/settings.json"                    |  3 ++
 .../1.html"                                   | 49 +++++++++++++++++++
 .../2.html"                                   | 42 ++++++++++++++++
 .../3.html"                                   | 43 ++++++++++++++++
 4 files changed, 137 insertions(+)
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/.vscode/settings.json"
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/1.html"
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/2.html"
 create mode 100644 "\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/3.html"
diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/.vscode/settings.json" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/.vscode/settings.json"
new file mode 100644
index 0000000..5fad46b
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/.vscode/settings.json"
@@ -0,0 +1,3 @@
+{
+  "liveServer.settings.port": 5613
+}
diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/1.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/1.html"
new file mode 100644
index 0000000..6d69cf7
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/1.html"
@@ -0,0 +1,49 @@
+<!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="https://cdn.jsdelivr.net/npm/vue@2.7.10"></script>
+</head>
+<style>
+
+</style>
+
+<body>
+  <div class="app">
+    <div v-coder:click.stop="myClick">点我</div>
+  </div>
+  <script>
+    Vue.directive('coder', function (el, binding, vnode) {
+      if (binding.arg === 'click') {
+        el.onclick = function (e) {
+          if (binding.modifiers.stop) {
+            e.stopPropagation()
+          }
+          vnode.context[binding.expression]()
+        }
+      }
+    })
+    const moduleA = new Vue({
+      el: ".app",
+      data() {
+        return {
+
+        }
+      },
+      watch: {
+
+      },
+      methods: {
+        myClick() {
+          console.log('foo-foo')
+        },
+      }
+    })
+  </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/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/2.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/2.html"
new file mode 100644
index 0000000..f12bfae
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/2.html"
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <script src="https://cdn.jsdelivr.net/npm/vue@2.7.10"></script>
+
+</head>
+<!-- 定义一个v-focus-bind指令，和v-bind功能类似，但可以让其所绑定的input元素默认获取焦点。 -->
+
+
+<body>
+  <div id="app">
+    <input type="text" name="" id="" v-focus-bind>
+  </div>
+  <script>
+    Vue.directive('focus-bind', (el, binding) => {
+      setTimeout(() => {
+        el.focus()
+      }, 0)
+    })
+    const app = new Vue({
+      el: "#app",
+      data: {
+
+
+      },
+      methods: {
+
+      },
+      computed: {
+
+      },
+      filters: {
+
+      }
+    })
+  </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/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/3.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/3.html"
new file mode 100644
index 0000000..2c1ea58
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/07\346\226\271\346\242\201\346\242\201\344\275\234\344\270\232\344\270\203/3.html"
@@ -0,0 +1,43 @@
+<!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="https://cdn.jsdelivr.net/npm/vue@2.7.10"></script>
+</head>
+
+<body>
+  <div class="app">
+    <input type="text" v-my_modul.trim="msg" />
+    <button @click="msg='测试一下'">改变msg</button>
+    <h2>msg:{{msg}}</h2>
+  </div>
+  <script>
+    Vue.directive('my_modul', (el, binding, vnode) => {
+      if (binding.modifiers.trim) {
+        el.addEventListener('input', function () {
+          vnode.context[binding.expression] = el.value.trim()
+        })
+        el.value = binding.value.trim()
+      } else {
+        el.addEventListener('input', 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
-- 
Gitee

