diff --git "a/\346\233\276\345\251\267/5.26day \346\235\241\344\273\266\346\270\262\346\237\223\343\200\201\345\276\252\347\216\257and\345\210\227\350\241\250\346\270\262\346\237\223.md" "b/\346\233\276\345\251\267/5.26day \346\235\241\344\273\266\346\270\262\346\237\223\343\200\201\345\276\252\347\216\257.md"
similarity index 100%
rename from "\346\233\276\345\251\267/5.26day \346\235\241\344\273\266\346\270\262\346\237\223\343\200\201\345\276\252\347\216\257and\345\210\227\350\241\250\346\270\262\346\237\223.md"
rename to "\346\233\276\345\251\267/5.26day \346\235\241\344\273\266\346\270\262\346\237\223\343\200\201\345\276\252\347\216\257.md"
diff --git "a/\346\233\276\345\251\267/6.1day class\344\270\216style\347\273\221\345\256\232.md" "b/\346\233\276\345\251\267/6.1day class\344\270\216style\347\273\221\345\256\232.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3febd4577d731bcd2ae811d98b5335a1a0cfc710
--- /dev/null
+++ "b/\346\233\276\345\251\267/6.1day class\344\270\216style\347\273\221\345\256\232.md"	
@@ -0,0 +1,14 @@
+# 绑定HTML class
+![](./img/18.png)
+![](./img/19.png)
+
+# 数组语法
+class 绑定数组，渲染前端控制台里是数据列表数据
+![](./img/20.png)
+![](./img/21.png)
+
+### 切换列表中的class的话，就要用到三元表达式
+![](./img/22.png)
+![](./img/23.png)
+
+### 用在组件上
diff --git "a/\346\233\276\345\251\267/6.2day Vue\345\210\227\350\241\250\346\270\262\346\237\223.md" "b/\346\233\276\345\251\267/6.2day Vue\345\210\227\350\241\250\346\270\262\346\237\223.md"
new file mode 100644
index 0000000000000000000000000000000000000000..d3590a91b3a8821850cce475892f6e00c2b8942c
--- /dev/null
+++ "b/\346\233\276\345\251\267/6.2day Vue\345\210\227\350\241\250\346\270\262\346\237\223.md"	
@@ -0,0 +1,7 @@
+# 列表渲染
+## （v-for）
+![](./img/24.png)
+![](./img/25.png)
+
+# 在组件上使用v-for
+
diff --git "a/\346\233\276\345\251\267/img/18.png" "b/\346\233\276\345\251\267/img/18.png"
new file mode 100644
index 0000000000000000000000000000000000000000..5cc035dc8f53e93e1ecf29f05a3122fb3d47a821
Binary files /dev/null and "b/\346\233\276\345\251\267/img/18.png" differ
diff --git "a/\346\233\276\345\251\267/img/19.png" "b/\346\233\276\345\251\267/img/19.png"
new file mode 100644
index 0000000000000000000000000000000000000000..d58ac2cc66d89300f022f51d7b3982bc3ab78eb8
Binary files /dev/null and "b/\346\233\276\345\251\267/img/19.png" differ
diff --git "a/\346\233\276\345\251\267/img/20.png" "b/\346\233\276\345\251\267/img/20.png"
new file mode 100644
index 0000000000000000000000000000000000000000..33c98e28cb37c6bbaac506633f6d975e1e788feb
Binary files /dev/null and "b/\346\233\276\345\251\267/img/20.png" differ
diff --git "a/\346\233\276\345\251\267/img/21.png" "b/\346\233\276\345\251\267/img/21.png"
new file mode 100644
index 0000000000000000000000000000000000000000..10eca3b0615430b7e52bd027cc452affeface4fa
Binary files /dev/null and "b/\346\233\276\345\251\267/img/21.png" differ
diff --git "a/\346\233\276\345\251\267/img/22.png" "b/\346\233\276\345\251\267/img/22.png"
new file mode 100644
index 0000000000000000000000000000000000000000..9bde3580b5ba7b2378a0e286d485c0946ad19894
Binary files /dev/null and "b/\346\233\276\345\251\267/img/22.png" differ
diff --git "a/\346\233\276\345\251\267/img/23.png" "b/\346\233\276\345\251\267/img/23.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8d4c49eb96b694c7b4accba7ade8e9d2226dc9c2
Binary files /dev/null and "b/\346\233\276\345\251\267/img/23.png" differ
diff --git "a/\346\233\276\345\251\267/img/24.png" "b/\346\233\276\345\251\267/img/24.png"
new file mode 100644
index 0000000000000000000000000000000000000000..d715b4cfb102f9c498b92d0500f6e178c9334a48
Binary files /dev/null and "b/\346\233\276\345\251\267/img/24.png" differ
diff --git "a/\346\233\276\345\251\267/img/25.png" "b/\346\233\276\345\251\267/img/25.png"
new file mode 100644
index 0000000000000000000000000000000000000000..d3bfd980693935f3649695a8c5100c6718a6277a
Binary files /dev/null and "b/\346\233\276\345\251\267/img/25.png" differ
diff --git "a/\346\233\276\345\251\267/index.html" "b/\346\233\276\345\251\267/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3f282b8ee645e2390de77ddfa70abe4b4a6811a6
--- /dev/null
+++ "b/\346\233\276\345\251\267/index.html"
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vue实例</title>
+</head>
+
+
+<body>
+    <div id="app">
+        <label for="">添加到任务列表：</label>
+        <input type="text" v-model="newitem"><input type="button" value="添加" @click="add">
+        <ul>
+            <li v-for="item in prm">{{item.todo}}</li>
+        </ul>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+    <script>
+        let app = new Vue({
+            el: '#app',
+            data:{
+                newitem:'',
+                prm:[
+                    {
+                        todo:'吃面'
+                    },
+                    {
+                        todo:'吃火锅'
+                    },
+                    {
+                        todo:'吃炸串'
+                    },
+                    {
+                        todo:'喝奶茶'
+                    },
+                ]
+            }
+            
+        })
+    </script>
+</body>
+
+</html>
\ No newline at end of file