diff --git "a/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/demo01.html" "b/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/demo01.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a1db37b79345032e34c6681b18a7fbcc9b48581d
--- /dev/null
+++ "b/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/demo01.html"	
@@ -0,0 +1,50 @@
+<!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">
+    <title>实现商品遍历</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+    <!-- //作业定义一个局部组件，实现商品遍历，数据在普通实例中 -->
+    <style>
+        #main{
+            width: 400px;
+            height: 700px;
+            margin: 5% 40%;
+            background-color: #f7f7f7;
+        }
+    </style>
+</head>
+<body>
+    <div id="main">
+        <h3>局部组件实现商品遍历</h3>
+        
+        <show v-for="(img,index) in mains" :img="img" :index="index=index+1"></show>
+    </div>
+    
+</body>
+<script>
+
+    //定义一个对象
+    let show = {
+        props:['img','index'],//数组
+        template:'<div style="color: blue;">{{index}} 手办火影忍者<br><br> <img :src="img.imga" style="width:150px;height:150px;"> <br><br> 价格：{{img.price}}<br><br> 详情：{{img.display}} </div>'
+    };
+
+      new Vue({
+        el:'#main',
+        data:{
+            mains:[
+                {imga:"./imgs/1.jpg",price:224,display:'带土手办 火影忍者手办卡卡西鸣人宇智波佐助乌鸦鼬六道斑带土GK须佐模型i LS GK鸣人'},
+                {imga:"./imgs/3.jpg",price:260,display:'纲手手办 火影忍者GK仙人鸣人带土鼬夜凯佐助卡卡西纲手水门斑模型雕像 优质版乌鸦鼬(26CM)'}
+
+            ]
+
+        },
+        components:{
+            show
+        }
+    });
+</script>
+</html>
\ No newline at end of file
diff --git "a/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/imgs/1.jpg" "b/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/imgs/1.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..fb2435c3203b4116ee3cb49def93e68fdde019ab
Binary files /dev/null and "b/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/imgs/1.jpg" differ
diff --git "a/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/imgs/3.jpg" "b/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/imgs/3.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..ce07da6d9248dcc0ded28adcad16d35381b74828
Binary files /dev/null and "b/\351\251\254\351\235\222\351\235\222/vue/4.13 \345\261\200\351\203\250\347\273\204\344\273\266/imgs/3.jpg" differ
