From 1cbd957ca24ac25daa288392ad388f6dac80f8b6 Mon Sep 17 00:00:00 2001
From: asdsa <ads>
Date: Fri, 4 Jun 2021 11:32:45 +0800
Subject: [PATCH 1/2] t

---
 "\351\231\210\345\273\272\351\276\231/6.2.md" |  1 +
 "\351\231\210\345\273\272\351\276\231/6.4.md" | 64 +++++++++++++++++++
 2 files changed, 65 insertions(+)
 create mode 100644 "\351\231\210\345\273\272\351\276\231/6.2.md"
 create mode 100644 "\351\231\210\345\273\272\351\276\231/6.4.md"

diff --git "a/\351\231\210\345\273\272\351\276\231/6.2.md" "b/\351\231\210\345\273\272\351\276\231/6.2.md"
new file mode 100644
index 0000000..0266a9c
--- /dev/null
+++ "b/\351\231\210\345\273\272\351\276\231/6.2.md"
@@ -0,0 +1 @@
+### vue的第六天
diff --git "a/\351\231\210\345\273\272\351\276\231/6.4.md" "b/\351\231\210\345\273\272\351\276\231/6.4.md"
new file mode 100644
index 0000000..7443c18
--- /dev/null
+++ "b/\351\231\210\345\273\272\351\276\231/6.4.md"
@@ -0,0 +1,64 @@
+# vue的第七天
+## 事件处理
+### 监听事件
++ 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码
+```
+<input type="button" value="点我" v-on:click="counter+=1">
+        点击{{counter}}次
+        data:{
+            counter:0,
+        }
+         
+```
+ ### 事件处理方法
++ 然而许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on指令中是不可行的。因此 v-on 还可以接收一个需要调用的方法名称。
+```
+ <input type="button" value="点" v-on:click="a">
+ a(){
+                    console.log(1+1);
+                },
+```
+### 内联处理器中的方法
++ 除了直接绑定到一个方法，也可以在内联 JavaScript 语句中调用方法：
+```
+<div id="example-3">
+  <button v-on:click="say('hi')">Say hi</button>
+  <button v-on:click="say('what')">Say what</button>
+</div>
+```
++ 方法，传入参数然后执行，
+### 事件修饰符
+```
+.stop
+.prevent
+.capture
+.self
+.once
+.passive
+```
+```
+<!-- 点击事件将只会触发一次 -->
+<a v-on:click.once="doThis"></a>
+```
+### 按键码
+```
+使用 keyCode attribute 也是允许的：
+
+<input v-on:keyup.13="submit">
+.enter
+.tab
+.delete (捕获“删除”和“退格”键)
+.esc
+.space
+.up
+.down
+.left
+.right
+```
++ 可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。
+```
+.ctrl
+.alt
+.shift
+.meta
+```
\ No newline at end of file
-- 
Gitee


From 65420d3cd72e2cdd6ec6bcdf3d09b3cb8ba363cc Mon Sep 17 00:00:00 2001
From: chengjianlong <2353145581@qq.com>
Date: Mon, 7 Jun 2021 22:01:43 +0800
Subject: [PATCH 2/2] t

---
 "\351\231\210\345\273\272\351\276\231/6.5.md" | 97 +++++++++++++++++++
 1 file changed, 97 insertions(+)
 create mode 100644 "\351\231\210\345\273\272\351\276\231/6.5.md"

diff --git "a/\351\231\210\345\273\272\351\276\231/6.5.md" "b/\351\231\210\345\273\272\351\276\231/6.5.md"
new file mode 100644
index 0000000..3c68e8a
--- /dev/null
+++ "b/\351\231\210\345\273\272\351\276\231/6.5.md"
@@ -0,0 +1,97 @@
+## 今日笔记
+
+### 绑定的属性和事件
+
+1. v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件：
+
++ text和textarea元素使用value属性和input事件。
++ checkbox和radio使用checked属性和change事件。
++ select字段将value作为prop并将change作为事件。
+
+
+## 值绑定
++ 对于单选按钮，复选框及选择框的选项，v-model 绑定的值通常是静态字符串 +对于复选框也可以是布尔值)👇
++```
++<!-- 当选中时，`picked` 为字符串 "a" -->
++<input type="radio" v-model="picked" value="a">
+
++<!-- `toggle` 为 true 或 false -->
++<input type="checkbox" v-model="toggle">
+
++<!-- 当选中第一个选项时，`selected` 为字符串 "abc" -->
++<select v-model="selected">
++  <option value="abc">ABC</option>
++</select>
++```
+
+### 单选按钮
+```
+++<input type="radio" v-model="pick" v-bind:value="a">
+```
+```
++// 当选中时
++vm.pick === vm.a
+```
+
+### 选择框的选项
+```
++<select v-model="selected">
++    <!-- 内联对象字面量 -->
+ + <option v-bind:value="{ number: 123 }">123</option>
++</select>
+```
+```
++// 当选中时
++typeof vm.selected // => 'object'
++vm.selected.number // => 123
+```
+
+
+## 复选框
++ 单个复选框，绑定到布尔值：
+```
++        <input type="checkbox"  v-model="checked">
++        <label for="">{{checked}}</label>
++ 
++         //data:
++         checked:''
+```
+多个复选框，绑定到一个数组
++ ```
+        <input type="checkbox" id="jack" value="Jack" v-model="checkedNames" >
+        <input type="checkbox" id="john" value="John" v-model="checkedNames" >
+        <input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
++         <span>选中的项: {{ checkedNames }}</span>
+
+
++ //data:
+ +    checkedNames:[]
+ ```
++ ## 单选按钮
+```
++         <input type="radio"  value="One" v-model="picked">
++         <label for="one">One</label>
++         <br>
++         <input type="radio"  value="Two" v-model="picked">
++         <label for="two">Two</label>
++ 
++         //data
++        picked:''
+```
+```
+## 修饰符
+### .lazy
++ 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同+步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符，从而转为在 +change 事件_之后_进行同步：
+```
++<!-- 在“change”时而非“input”时更新 -->
++<input v-model.lazy="msg">
++.number
++如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为 NaN 则返+回原值），可以添加一个修饰符 number 给 v-model 来处理输入值：
++
++<input v-model.number="age" type="number">
++这通常很有用，因为在 type="number" 时 HTML 中输入的值也总是会返回字符+串类型。
+
++.trim
++如果要自动过滤用户输入的首尾空格，可以添加 trim 修饰符到 v-model 上过滤+输入：
++<input v-model.trim="msg">
+```
\ No newline at end of file
-- 
Gitee