diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/.keep" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/.keep" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/.keep" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-bind.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-bind.html"
new file mode 100644
index 0000000000000000000000000000000000000000..720de12b5d807bcd62b24d9740d34f586c9d1390
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-bind.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>
+</head>
+
+<body>
+    <script src="../js/vue.js"></script>
+    <div id="root">
+        <input type="text" v-focus-bind:value="name">
+
+    </div>
+    <script>
+        Vue.config.productionTip = false
+        var vm = new Vue({
+            el: '#root',
+            data: {
+                name: '小叶小叶'
+            },
+            directives:{
+                'focus-bind':{
+                    bind(el,binding){
+                        el[binding.arg] = binding.value
+                        el.onclick = function(){
+                            alert(binding.value)
+                        }
+                    },
+                    inserted(el,binding){
+                        console.log('inserted....')
+                        el.focus()
+                    }
+                    
+                }
+            }
+        })
+    </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/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-model.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-model.html"
new file mode 100644
index 0000000000000000000000000000000000000000..21b4290bd4577dd757e97df9a5133d9abf4ee4ca
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-model.html"
@@ -0,0 +1,54 @@
+<!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>
+    <script src="../js/vue.js"></script>
+    <div id="root">
+        <input type="text" v-mymodel:value="name" >
+        <h1>{{name}}</h1>
+
+    </div>
+    <script>
+        Vue.config.productionTip = false
+        var vm = new Vue({
+            el: '#root',
+            data: {
+                name: '小叶小叶这是model'
+            },
+            methods: {
+    
+            },
+            directives: {
+                mymodel: {
+                    bind(element, binding, vnode) {
+                        binding.event='input'
+                        console.log(element)
+                        if (binding.modifiers.trim) {
+                            element.addEventListener(binding.event, function () {
+                                vnode.context[binding.expression] = element.value.trim()
+                            })
+                            element.value = binding.value.trim()
+                        } else {
+                            element.addEventListener(binding.event, function () {
+                                vnode.context[binding.expression] = element.value
+                            })
+                            element.value = binding.value
+                        }
+                    },
+                    update: function () {}
+                },
+
+            }
+
+        })
+    </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/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-on.html" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-on.html"
new file mode 100644
index 0000000000000000000000000000000000000000..c88201bca8ca55f80d6b68ece4348aa8c154190a
--- /dev/null
+++ "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/1\347\217\255/20210340839\345\217\266\345\207\214\345\217\221/v-on.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>
+</head>
+<script src="../js/vue.js"></script>
+
+<body>
+    <div id="root">
+        <input type="text" v-myon:click="change">
+
+    </div>
+    <script>
+        Vue.config.productionTip = false
+        var vm = new Vue({
+            el: '#root',
+            data: {
+                count: 0
+            },
+            methods: {
+                change(){
+                    this.count++
+                    console.log('你好你点击了'+this.count+'次')
+                }
+            },
+            directives:{
+                myon:{
+                    bind(el,binding,vnode){
+                        el['on'+binding.arg]=binding.value
+                    },
+                }
+            }
+        })
+    </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/.keep" "b/\347\254\254\344\270\203\346\254\241\344\275\234\344\270\232/2\347\217\255/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
