From f06aa118f498122e0fcf16bece8c131d69bcc277 Mon Sep 17 00:00:00 2001
From: liuhua <3207586618@qq.com>
Date: Sun, 6 Jun 2021 21:19:31 +0700
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E7=9A=84=E7=AC=94=E8=AE=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...0\345\215\225\347\273\221\345\256\232).md" | 42 +++++++++++++++++++
 ...4\344\273\266\345\237\272\347\241\200).md" | 18 ++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 "\345\210\230\345\215\216\346\243\256/Vue-note-2021-6-4(\350\241\250\345\215\225\347\273\221\345\256\232).md"
 create mode 100644 "\345\210\230\345\215\216\346\243\256/Vue-note-2021-6-5(\347\273\204\344\273\266\345\237\272\347\241\200).md"

diff --git "a/\345\210\230\345\215\216\346\243\256/Vue-note-2021-6-4(\350\241\250\345\215\225\347\273\221\345\256\232).md" "b/\345\210\230\345\215\216\346\243\256/Vue-note-2021-6-4(\350\241\250\345\215\225\347\273\221\345\256\232).md"
new file mode 100644
index 0000000..656f59e
--- /dev/null
+++ "b/\345\210\230\345\215\216\346\243\256/Vue-note-2021-6-4(\350\241\250\345\215\225\347\273\221\345\256\232).md"
@@ -0,0 +1,42 @@
+### 今天也就是讲了表单绑定
+
+1. v-model 指令
+
++ 在用 v-model 指令在表单<input>、<textarea> 及 <select> 元素上创建双向数据绑定。也会根据控件类型自动选取正确的方法来更新元素。数据的一个双向绑定也可以理解为：数据的单向绑定 加上一个UI事件监听所形成的，单向绑定就是将model 绑定到 view，当model更新时，view也会更新；双向绑定就是将model和view互相驱动。就可以看出v-model表单的实例。
+
+```
+<div id="app">
+  <label>
+  <input type="text" v-model="info">
+  </lable>
+  <p>{{info}}</p>
+  </div>
+
+  ----------------------  JS
+
+  <script>
+   var vm = new Vue({
+       el:"#app",
+       data:{
+           info:'hello,world',
+       }
+   })
+  </script>
+```
+
+2. v-model 的基础用法。
+
++ text 和 textarea 元素使用 value 属性和 input 事件；
+
++ checkbox 和 radio 使用 checked 属性和chande 事件；
+
++ select 字段将 value 作为 prop 并将 change 作为事件；
+
+```
+<div id="app">
+        <!--多行文本-->
+    <textarea v-model="info" placeholder="add multiple lines"></textarea>
+    <p style="white-space: pre-line;">{{ info }}</p>
+</div>
+
+```
\ No newline at end of file
diff --git "a/\345\210\230\345\215\216\346\243\256/Vue-note-2021-6-5(\347\273\204\344\273\266\345\237\272\347\241\200).md" "b/\345\210\230\345\215\216\346\243\256/Vue-note-2021-6-5(\347\273\204\344\273\266\345\237\272\347\241\200).md"
new file mode 100644
index 0000000..b832b9f
--- /dev/null
+++ "b/\345\210\230\345\215\216\346\243\256/Vue-note-2021-6-5(\347\273\204\344\273\266\345\237\272\347\241\200).md"
@@ -0,0 +1,18 @@
+### Vue组件
+
+1. 组件也就是可以扩展HTML 元素，封装可重用的代码。根据需求，抽象出一个些组件，每一个组件都包含了展现、功能等和样式。根据业务的需求从而做出项目。
+
++ 组件所需要的一个模板、逻辑和样式。组件是一个以自定义标签的形式存在的，也就起到一个占位符的功能。通过Vue.js的一个声明式渲染后，占位符将会被替换为实际的内容。
+
+```
+<div id="app">
+<liuliu></liuliu>
+</div>
+
+----------------
+
+<div id="app">
+<p>刘刘</p>
+</div>
+
+```
\ No newline at end of file
-- 
Gitee