diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-12-vue\344\275\234\344\270\232/demo.html" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-12-vue\344\275\234\344\270\232/demo.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5529955d64c4b80cbc30152e7cce0873fcaa053c
--- /dev/null
+++ "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-12-vue\344\275\234\344\270\232/demo.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">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+    <title>作业</title>
+</head>
+<body>
+    <div id="app">
+       <name></name>
+    </div>
+</body>
+<script>
+    Vue.component('name',{
+        data:function(){
+            return {
+                result:true
+            };
+        },
+        methods:{
+            change:function(){
+                 this.result=!this.result
+             }
+        },
+        template:'<div><button @click="change">点击显示与隐藏</button><div v-if="result">我是盒子里面的内容</div></div>'
+    });
+     new Vue({
+         el:"#app",
+         data:{
+             result:true
+         },
+         methods:{
+             change:function(){
+                 this.result=!this.result
+             }
+         }
+     });
+</script>
+</html>
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/homework.html" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/homework.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3acac2535e857395192ec65be9b719440dcbef23
--- /dev/null
+++ "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/homework.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">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+    <title>贩卖可爱(●'◡'●)</title>
+</head>
+<body>
+    <!-- 作业定义一个局部组件，实现商品遍历，数据在普通实例中 -->
+    <div id="app">
+        <goodlists v-for="(arr,index) in arrs" :arr="arr" :index="index=index+1"></goodlists>
+    </div>
+</body>
+<script>
+    let goodlists = {
+        props: ['arr','index'],
+        template: '<div style="color:red">{{index}}  {{arr.name}},价格是:{{arr.price}}<br/></div>',
+    }
+    new Vue({
+        el: "#app",
+        data: {
+            arrs: [
+                { name: '可爱1号', price: 4.5},
+                { name: '可爱2号', price: 3.5 },
+                { name: '可爱3号', price: 6.5 },
+                { name: '可爱4号', price: 5.5 }
+            ]
+        },
+        methods: {
+            change: function () {
+                this.result = !this.result
+            }
+        },
+        components: {
+            goodlists
+        }
+    })
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\217\214\351\251\254\345\260\276.jpeg" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\217\214\351\251\254\345\260\276.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..f01ca1d18be32e308ac864373914c7a3a49fc359
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\217\214\351\251\254\345\260\276.jpeg" differ
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\220\221\344\270\212\347\234\213.jpeg" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\220\221\344\270\212\347\234\213.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..f9d28c4f74082fbe3df320b9608652a42d11ca1c
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\220\221\344\270\212\347\234\213.jpeg" differ
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\233\236\345\244\264\347\234\213.jpeg" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\233\236\345\244\264\347\234\213.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..5d6ece53d05fa0781715690d70cdc063d33a0e35
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\345\233\236\345\244\264\347\234\213.jpeg" differ
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\346\225\254\347\244\274.jpeg" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\346\225\254\347\244\274.jpeg"
new file mode 100644
index 0000000000000000000000000000000000000000..120f5dcb9bd3fe2fbd9556724cafc9dc7246d034
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-13-vue\344\275\234\344\270\232/\346\225\254\347\244\274.jpeg" differ
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/GoodsList.html" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/GoodsList.html"
new file mode 100644
index 0000000000000000000000000000000000000000..5dd05e9ee8f8cd2e33108ff53716f93ebc9ae352
--- /dev/null
+++ "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/GoodsList.html"
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>商品列表</title>
+		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+	</head>
+	<body>
+		<style>
+			img{
+				width: 150px;
+				height: 150px;
+			}
+			h3{
+				text-align: center;
+				color: red;
+			}
+		</style>
+		<div id="app">
+			<ul>
+				<li><product v-for="obj in products" :pro="obj"></product></li>
+				<!-- <li><img src="./卷纸.webp"></li>
+				<li><img src="./洗脸奶.webp"></li>
+				<li><img src="./洗衣液.webp"></li>
+				<li><img src="./牙刷.webp"></li>
+				<li><img src="./牙膏.webp"></li> -->
+			</ul>
+		</div>
+
+		<script>
+			let product={
+				props:['pro'],
+				template:"<li><p>{{pro.name}}</p><h3>{{pro.price}}</h3>{{pro.img}}</li>"
+			}
+			new Vue({
+				el:'#app',
+				data:{
+					products:[
+						{name:'特价卷纸30卷',
+						price:'45元'},
+						{name:'特价洗面奶',
+						price:'19.9元'},
+						{name:'特价洗衣液1000ml',
+						price:'39.9元'},
+						{name:'特价牙膏',
+						price:'9.9元'},
+						{name:'特价牙刷',
+						price:'15.9元'}
+					]
+				},
+				components:{
+					product:product,
+				}
+			})
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\345\215\267\347\272\270.webp" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\345\215\267\347\272\270.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..5130ad24fb09508ee1074ed1b7f46c6a9f5c5983
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\345\215\267\347\272\270.webp" differ
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\346\264\227\350\204\270\345\245\266.webp" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\346\264\227\350\204\270\345\245\266.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..6266f186b271f9763fa85158a5d54d560c142136
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\346\264\227\350\204\270\345\245\266.webp" differ
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\346\264\227\350\241\243\346\266\262.webp" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\346\264\227\350\241\243\346\266\262.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..b557c11c1440259b3baf5e8a82a24325e378e5b2
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\346\264\227\350\241\243\346\266\262.webp" differ
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\347\211\231\345\210\267.webp" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\347\211\231\345\210\267.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..e6c5b518648a1b6b754ccc213e6bf789ff4214bd
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\347\211\231\345\210\267.webp" differ
diff --git "a/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\347\211\231\350\206\217.webp" "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\347\211\231\350\206\217.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..97d21894680f95dc30599e083270721c74247893
Binary files /dev/null and "b/\346\230\223\346\226\207\350\220\215\347\232\204\344\275\234\344\270\232/2022-04-14-vue\344\275\234\344\270\232/\347\211\231\350\206\217.webp" differ
