diff --git "a/\346\236\227\351\221\253/Vue/2022.03.30/demo2.html" "b/\346\236\227\351\221\253/Vue/2022.03.30-\346\250\241\346\235\277\350\257\255\346\263\225/demo2.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.03.30/demo2.html"
rename to "\346\236\227\351\221\253/Vue/2022.03.30-\346\250\241\346\235\277\350\257\255\346\263\225/demo2.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.03.31/.vscode/settings.json" "b/\346\236\227\351\221\253/Vue/2022.03.31-\346\263\250\345\206\214\351\241\265\351\235\242/.vscode/settings.json"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.03.31/.vscode/settings.json"
rename to "\346\236\227\351\221\253/Vue/2022.03.31-\346\263\250\345\206\214\351\241\265\351\235\242/.vscode/settings.json"
diff --git "a/\346\236\227\351\221\253/Vue/2022.03.31/demo.html" "b/\346\236\227\351\221\253/Vue/2022.03.31-\346\263\250\345\206\214\351\241\265\351\235\242/demo.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.03.31/demo.html"
rename to "\346\236\227\351\221\253/Vue/2022.03.31-\346\263\250\345\206\214\351\241\265\351\235\242/demo.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.03.31/\346\263\250\345\206\214\351\241\265\351\235\242.html" "b/\346\236\227\351\221\253/Vue/2022.03.31-\346\263\250\345\206\214\351\241\265\351\235\242/\346\263\250\345\206\214\351\241\265\351\235\242.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.03.31/\346\263\250\345\206\214\351\241\265\351\235\242.html"
rename to "\346\236\227\351\221\253/Vue/2022.03.31-\346\263\250\345\206\214\351\241\265\351\235\242/\346\263\250\345\206\214\351\241\265\351\235\242.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/demo.html" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/demo.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/demo.html"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/demo.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/1.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/1.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/1.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/1.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/10.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/10.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/10.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/10.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/11.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/11.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/11.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/11.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/2.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/2.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/2.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/2.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/3.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/3.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/3.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/3.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/4.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/4.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/4.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/4.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/5.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/5.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/5.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/5.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/6.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/6.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/6.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/6.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/7.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/7.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/7.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/7.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/8.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/8.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/8.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/8.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/imgs/9.webp" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/9.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/imgs/9.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/imgs/9.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.01/list.html" "b/\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/list.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.01/list.html"
rename to "\346\236\227\351\221\253/Vue/2022.04.01-\345\225\206\345\223\201\345\210\227\350\241\250\351\241\265/list.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/.vscode/settings.json" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/.vscode/settings.json"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/.vscode/settings.json"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/.vscode/settings.json"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/a.css" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/a.css"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/a.css"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/a.css"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.png" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/1.png"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.png"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/1.png"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/1.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/imgs/1.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/1.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/2.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/2.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/imgs/2.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/2.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/3.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/3.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/imgs/3.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/3.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/4.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/4.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/imgs/4.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/4.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/imgs/5.webp" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/5.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/imgs/5.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/imgs/5.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/\345\200\222\350\256\241\346\227\266.html" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/\345\200\222\350\256\241\346\227\266.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/\345\200\222\350\256\241\346\227\266.html"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/\345\200\222\350\256\241\346\227\266.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.06/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265.html" "b/\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.06/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265.html"
rename to "\346\236\227\351\221\253/Vue/2022.04.06-\345\225\206\345\223\201\345\200\222\350\256\241\346\227\266-computed/\345\225\206\345\223\201\350\257\246\346\203\205\351\241\265.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/demo.html" "b/\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/demo.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.07/demo.html"
rename to "\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/demo.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/1.webp" "b/\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/\346\263\250\345\206\214\351\241\265\351\235\242/1.webp"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/1.webp"
rename to "\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/\346\263\250\345\206\214\351\241\265\351\235\242/1.webp"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/reg.html" "b/\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/\346\263\250\345\206\214\351\241\265\351\235\242/reg.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/reg.html"
rename to "\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/\346\263\250\345\206\214\351\241\265\351\235\242/reg.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/register.css" "b/\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/\346\263\250\345\206\214\351\241\265\351\235\242/register.css"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/register.css"
rename to "\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/\346\263\250\345\206\214\351\241\265\351\235\242/register.css"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/yzm.png" "b/\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/\346\263\250\345\206\214\351\241\265\351\235\242/yzm.png"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.07/\346\263\250\345\206\214\351\241\265\351\235\242/yzm.png"
rename to "\346\236\227\351\221\253/Vue/2022.04.07-\346\263\250\345\206\214\351\241\265\351\235\242-watch/\346\263\250\345\206\214\351\241\265\351\235\242/yzm.png"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.08/demo.html" "b/\346\236\227\351\221\253/Vue/2022.04.08-\350\203\214\346\231\257\350\211\262-\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.08/demo.html"
rename to "\346\236\227\351\221\253/Vue/2022.04.08-\350\203\214\346\231\257\350\211\262-\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.08/\350\203\214\346\231\257\350\211\262.html" "b/\346\236\227\351\221\253/Vue/2022.04.08-\350\203\214\346\231\257\350\211\262-\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/\350\203\214\346\231\257\350\211\262.html"
similarity index 100%
rename from "\346\236\227\351\221\253/Vue/2022.04.08/\350\203\214\346\231\257\350\211\262.html"
rename to "\346\236\227\351\221\253/Vue/2022.04.08-\350\203\214\346\231\257\350\211\262-\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/\350\203\214\346\231\257\350\211\262.html"
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.12-\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266/de.html" "b/\346\236\227\351\221\253/Vue/2022.04.12-\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266/de.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3c4a6751545cf967b8a4a50d9cbbf38dffc275d2
--- /dev/null
+++ "b/\346\236\227\351\221\253/Vue/2022.04.12-\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266/de.html"
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+</head>
+<body>
+    <div id="app">
+        <school a= 'wow' b= 'aaaa'></school>
+        <college :obj='obj' :score='score'></college>
+    </div>
+</body>
+<script>
+    let school = {
+        data:function(){
+            return{};
+        },
+        props:['a','b'],
+        template:`<div style = "color:red">{{a}}{{b}}</div>`
+    }
+    let college={
+        data(){
+            return{}
+        },
+        props:['obj','score'],
+        template:`<div style='color:red'> {{obj.name}}{{obj.now}}{{obj.date}}{{score}}</div>`
+
+    }
+    let vm = new Vue({
+        el:'#app',
+        data:{
+            obj:{
+            name:'今天',
+            now:'星期三',
+            date:'上午'
+            },
+            score:99
+        },
+        components: {
+            school,
+            college
+        }
+    })
+</script>
+</html>
\ No newline at end of file
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.12-\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266/\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266.html" "b/\346\236\227\351\221\253/Vue/2022.04.12-\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266/\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a3e315cb71cb18a77e099f365fca7c53c5102481
--- /dev/null
+++ "b/\346\236\227\351\221\253/Vue/2022.04.12-\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266/\350\207\252\345\256\232\344\271\211\347\273\204\344\273\266.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>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+</head>
+<body>
+    <div id="app">
+            <span-btn>
+            </span-btn>
+    </div>
+</body>
+<script>
+    Vue.component('span-btn',{
+        template:`
+            <div>
+                <div>
+                <button @click="changeCount">点击了{{count}}次</button>
+                <button @click='click'>隐藏/显示</button>
+                <br />
+                </div>
+            <h1 v-show='isshow'>可隐藏区域</h1>
+            </div>
+        `,
+        data(){
+            return {
+                count:0,
+                isshow:true,
+            }
+        },
+        methods:{
+            changeCount(){
+                this.count++;
+            },
+            click(){
+                this.isshow = !this.isshow
+            }
+        }
+    });
+    let vm = new Vue({
+        el:'#app'
+    })
+</script>
+</html>
\ No newline at end of file
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/demo.html" "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/demo.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a9078ba09ea2435f4a460ceee7e5224b654f3404
--- /dev/null
+++ "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/demo.html"
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+
+</head>
+<style>
+    img{
+        width: 280px;
+        /* padding-left: 20px; */
+        padding-right: 20px;
+        padding-bottom: 20px;
+    }
+    #a {
+        display: flex;
+        justify-content:space-evenly;
+    }
+    h1 {
+        text-align: center;
+    }
+    #a>div {
+        border: 2px solid #ddd;
+        padding-left: 20px;
+        padding-bottom: 40px;
+    }
+</style>
+<!-- 作业定义一个局部组件，实现商品遍历，数据在普通实例中 -->
+<body>
+    <div id="app">
+        <h1>{{goods}}</h1>
+    <div id="a">
+        <shop v-for='(arr,index) in arrs' :index='index' :arr='arr' ></shop><br>
+    </div>
+    </div>
+</body>
+<script>
+    let shop ={
+        data:function(){
+            return {}
+        },
+        props:['arr','index'],
+        template:`<div>{{index}}<br><img :src='arr.url'><br>{{arr.name}}<br>价格:{{arr.price}}</div>`
+    }
+    let vm = new Vue({
+        el:'#app',
+        data:{
+            goods:'公仔手办',
+            arrs:[
+                {name:'三丽鸥美乐蒂和库洛米', price:'￥552.0',url:'imgs/1.webp'},
+                {name:'suplay盲盒独家首发', price:'￥69.0',url:'imgs/2.webp'},
+                {name:'斗罗大陆盲盒手办', price:'￥18.8',url:'imgs/3.jpg'},
+                {name:'宝可梦皮卡丘手办', price:'￥552.0',url:'imgs/4.webp'}
+            ],
+            
+        },
+        components:{
+            shop
+        }
+    })
+</script>
+</html>
\ No newline at end of file
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/1.webp" "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/1.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..2dd605388a57168f4b6d9f550021563e68127132
Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/1.webp" differ
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/2.webp" "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/2.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..fe3a03b637e2a593aa9ada1fd29bb0350f12c043
Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/2.webp" differ
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/3.jpg" "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/3.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..2d30ed06d4bbeca21ddfae1d84cd36bbde62ac71
Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/3.jpg" differ
diff --git "a/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/4.webp" "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/4.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..31699e43c151af141e7932fb00a29ba8133e06e7
Binary files /dev/null and "b/\346\236\227\351\221\253/Vue/2022.04.13-\345\212\250\346\200\201\346\214\207\344\273\244\347\273\204\344\273\266/imgs/4.webp" differ