From 41d3e22be2eea38290e930ceae5356f312166a77 Mon Sep 17 00:00:00 2001
From: xie-cd <XCD2477@tom.com>
Date: Sun, 6 Jun 2021 21:40:35 +0800
Subject: [PATCH] cdtj

---
 .../2021.6.4.md"                              | 38 +++++++++++++++++++
 .../2021.6.5.md"                              | 22 +++++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 "\350\260\242\351\225\277\344\270\234/2021.6.4.md"
 create mode 100644 "\350\260\242\351\225\277\344\270\234/2021.6.5.md"

diff --git "a/\350\260\242\351\225\277\344\270\234/2021.6.4.md" "b/\350\260\242\351\225\277\344\270\234/2021.6.4.md"
new file mode 100644
index 0000000..17c493b
--- /dev/null
+++ "b/\350\260\242\351\225\277\344\270\234/2021.6.4.md"
@@ -0,0 +1,38 @@
+## 事件处理
+绑定一个事件通过`v-on`,缩写`@`,` <button v-on:click="say('hi')">click</button>`,当然还可以省略`()`,在methods对象中定义方法,在不传递参数的情况下，获取的第一个参数就是原生的dom对象（触发对象），如果在需要传递参数的情况下获取dom对象，则需要传递`$event`参数
+
+
+## 事件修饰符
+- .stop     阻止冒泡（通俗讲就是阻止事件向上级DOM元素传递）
+- .prevent  阻止默认事件的发生，比如点击超链接的时候会进行页面的跳转，点击表单提交按钮时会重新加载页面等，使用".prevent"修饰符可以阻止这些事件的发生。
+- .capture  捕获冒泡，即有冒泡发生时，有该修饰符的dom元素会先执行，如果有多个，从外到内依次执行，然后再按自然顺序执行触发的事件
+- .self 将事件绑定到自身，只有自身才能触发（防止事件冒泡）
+- .once     设置事件只能触发一次，比如按钮的点击等。
+- .passive  
+- .native   如果给组件绑定一个事件，不加该修饰则不会触发事件
+
+
+## 按键修饰符
+常见按键修饰符别名
+- .enter => enter键
+- .tab =>  tab键
+- .delete (捕获“删除”和“退格”按键) =>  删除键
+- .esc =>  取消键
+- .space =>  空格键
+- .up =>  上
+- .down =>  下
+- .left =>  左
+- .right =>  右
+
+自定义按键修饰符别名也是可以的，这里不说了
+
+## 系统辅助按键
+我们使用快捷键的时候，很多情况下是两个的按键一起按才会触发，如:
+- .ctrl
+- .alt
+- .shift
+- .meta
+
+```html
+<input type='text' @keyup.alt.67="clear">
+```
\ No newline at end of file
diff --git "a/\350\260\242\351\225\277\344\270\234/2021.6.5.md" "b/\350\260\242\351\225\277\344\270\234/2021.6.5.md"
new file mode 100644
index 0000000..ef43ad8
--- /dev/null
+++ "b/\350\260\242\351\225\277\344\270\234/2021.6.5.md"
@@ -0,0 +1,22 @@
+## 表单输入绑定
+
+
+### 双向绑定
+v-model指定可以实现表单值与属性的双向绑定。即表单元素中更改了值会自动的更新属性中的值，属性中的值更新了会自动更新表单中的值。
+
+### 绑定的属性和事件
+v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件：
+
+text和textarea元素使用value属性和input事件。
+checkbox和radio使用checked属性和change事件。
+select字段将value作为prop并将change作为事件。
+
+### 修饰符
+
+- .lazy   在“change”时而非“input”时更新，就是失去焦点的时候
+- .number   将用户的输入值转为数值类型
+- trim  去除用户输入的首位空格
+
+
+
+
-- 
Gitee