diff --git "a/\345\217\266\346\200\235\346\200\235/\344\272\213\344\273\266\345\207\272\350\267\257.html" "b/\345\217\266\346\200\235\346\200\235/\344\272\213\344\273\266\345\207\272\350\267\257.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dacf1ca201141a2bcb0c7644f5039ee4a8a06422
--- /dev/null
+++ "b/\345\217\266\346\200\235\346\200\235/\344\272\213\344\273\266\345\207\272\350\267\257.html"
@@ -0,0 +1,57 @@
+<!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>Document</title>
+    <style>
+        /* .aa{
+            float: left;
+        } */
+    </style>
+</head>
+
+<body>
+    <!-- 写一个商品列表页，要有图片（可以使用外网），商品名，点击时要能弹出商品简介与图片名称 -->
+    <div class="main">
+        <div class="list">
+            <img @click="show(0)" width="200" height="200" :src="list[0].image" alt="">
+
+            <div>{{list[0].name}}</div>
+            <div>{{list[0].price}}</div>
+        </div>
+        <div class="list aa">
+            <img @click="show(1)" width="200" height="200" :src="list[1].image" alt="">
+
+            <div>{{list[0].name}}</div>
+            <div>{{list[1].price}}</div>
+        </div>
+    </div>
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <script>
+        Vue.createApp({
+            data(){
+                return{
+                    list:[
+                        {id:0,data:100,price:"￥58",name:"麻辣小龙虾",text:"麻辣龙虾，或称麻辣小龙虾，简称麻小，是近十年来夜宵摊、大排档和宾馆小吃的看家菜",image:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Ff2cfda3c-2e88-494a-8d2b-856f6c7da98c%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1682825288&t=039b1ab42463cdaf3f088e5239404870"},
+                        {id:0,data:100,price:"￥20",name:"新疆炒米粉",text:"新疆炒米粉是中国新疆维吾尔自治区的一道小吃,属新疆菜。 炒米粉使用的米粉比较粗有嚼劲,味道有微辣、中辣、爆辣,汤汁颜色浓郁。 ",image:"http://t14.baidu.com/it/u=3955736285,1315148693&fm=224&app=112&f=JPEG?w=500&h=500"}
+                    ]
+                }
+
+            },
+            methods:{
+                show:function(id){
+                    let obj=this.list[id]
+                    // alert(obj.name);
+                    alert(obj.text)
+                    // obj.text
+                }
+            }
+        }).mount("body")
+      
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\346\200\235\346\200\235/\344\272\213\344\273\266\345\244\204\347\220\206.html" "b/\345\217\266\346\200\235\346\200\235/\344\272\213\344\273\266\345\244\204\347\220\206.html"
new file mode 100644
index 0000000000000000000000000000000000000000..728679ea5ace18f89bc5c4ebc4e3bf954c3940c3
--- /dev/null
+++ "b/\345\217\266\346\200\235\346\200\235/\344\272\213\344\273\266\345\244\204\347\220\206.html"
@@ -0,0 +1,75 @@
+<!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>Document</title>
+</head>
+<body>
+    <!-- 继续商品列表,加个 新增和删除的按钮,新增点击后，会自动加上最后一个商品.
+        删除点击后，会自动减去最后一个商品 -->
+        <div id="app">
+            <ul>
+                <li v-for="i,index,k in list">
+                    <div v-if="i.status">
+                        <div>{{index+1}}</div>
+                        <div>{{i.name}}</div>
+                        <div>{{i.price}}</div>
+                        <div><img width="200" v-bind:src="i.image" alt=""></div>
+                    </div>
+                    <div v-else-if="i.status===false">
+                        <div>我是真的为false</div>
+                    </div>
+                    <div v-else>
+                        我不是真的为false
+                    </div>
+                </li>
+            </ul>
+            <span @click="add">新增</span>
+            <span @click="delet">删除</span>
+        </div>
+</body>
+<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+<script>
+    Vue.createApp({
+        data:()=>{
+            return{
+                list:[
+                    {
+                        name:'辣条',
+                        price:'￥3',
+                        image:'https://cdn.178hui.com/upload/1920/2022/0908/08321891379.jpg',
+                        status:1,
+                    },
+                    {
+                        name:'蛋糕',
+                        price:'￥37',
+                        image:'https://img2.baidu.com/it/u=267566466,1793978152&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889',
+                        status:1,
+                    },
+                    {
+                        name:'薯片',
+                        price:'￥8',
+                        image:'https://img0.baidu.com/it/u=3899308607,3098058352&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=721',
+                        status:1,
+                    },
+                ]              
+            }
+        },
+        methods:{
+            add:function(even){
+                console.log(even)
+                console.log()
+                this.list.push(this.list[(this.list.length)-1])
+            },
+            delet:function(even){
+                console.log(even)
+                this.list.splice((this.list.length)-1,1)
+                // this.list.pop() 
+            }
+            
+        }
+    }).mount("#app") 
+</script>
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\346\200\235\346\200\235/\345\210\227\350\241\250\345\244\204\347\220\206.html" "b/\345\217\266\346\200\235\346\200\235/\345\210\227\350\241\250\345\244\204\347\220\206.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b47fa8f3c331880ae056e6d4bef53e94c9491311
--- /dev/null
+++ "b/\345\217\266\346\200\235\346\200\235/\345\210\227\350\241\250\345\244\204\347\220\206.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">
+    <title>Document</title>
+    <script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+</head>
+<style>
+    
+</style>
+<body>
+    <!-- 在原有作业基础上,使用list遍历商品,每个商品初始为100个商品数量，给个input输入，
+        输入1 对应的商品数据要 -1，如果剩余数量为0，不展示 -->
+    <ul>
+        <li v-for="item,index in goods">
+            <div v-if="(item.totalNum-item.buyNum)>0">
+                <div>{{item.name}}-----{{item.price}}</div>
+                <div>库存----------{{Number(item.totalNum)-Number(item.buyNum)}}</div>
+                
+                <img width="200" height="200" :src="item.img" alt="">
+                <div>购买<input v-model="item.buyNum"></div>
+            </div>
+
+        </li>
+    </ul>
+</body>
+<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+<script>
+    Vue.createApp({
+        data:function(){
+            return{
+                goods:[
+                    {name:'辣条',price:2,totalNum:100,buyNum:0,img:'https://cdn.178hui.com/upload/1920/2022/0908/08321891379.jpg'},
+                    {name:'蛋糕',price:34,totalNum:100,buyNum:0,img:'https://img2.baidu.com/it/u=267566466,1793978152&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889'}
+                    
+                ]
+            }
+        }
+    }).mount("body");
+</script>
+</html>
\ No newline at end of file
