diff --git "a/\345\225\206\345\223\201\347\233\221\350\247\206\344\275\234\344\270\232/homework.html" "b/\345\225\206\345\223\201\347\233\221\350\247\206\344\275\234\344\270\232/homework.html"
new file mode 100644
index 0000000000000000000000000000000000000000..9188f2d24d49e0c6ad17bf4dd7001543c918117a
--- /dev/null
+++ "b/\345\225\206\345\223\201\347\233\221\350\247\206\344\275\234\344\270\232/homework.html"
@@ -0,0 +1,140 @@
+<!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://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <title>Document</title>
+</head>
+<style>
+    body{
+        margin: 0px auto;
+        width: 900px;
+    }
+    .name{
+        font-size: 30px;
+        font-weight: bolder;
+    }
+    .price,
+    .sumnum{
+        font-size: 20px;
+    }
+    .title{
+        margin-left: 310px;
+    }
+    .main{
+        margin-top: 20px;
+        width: 800px;
+        height: 400px;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+    }
+    .thing{
+        margin-top: 35px;
+        width: 370px;
+        height: 500px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+</style>
+<body>
+   <div id="app">
+        <div class="title">
+            <h1>{{msg}}</h1>
+        </div>
+        <div class="main">
+            <div class="thing" v-for="i,index in list">
+                <div class="name">
+                    {{i.name}}
+                </div>
+                <div class="price">
+                    价格:{{i.price}}元/包
+                </div>
+                <div class="sumnum" v-if="i.buynum-i.num>0">
+                    商品剩余的数量为:
+                    {{i.buynum-i.num}}
+                </div>
+                <div class="sumnum" v-else="i.buynum-i.num=0">
+                    此商品暂时售空!
+                </div>
+                <div>
+                    <img v-bind:src="i.img" width="300" height="300">
+                </div>
+                <div>
+                    请输入购买数量：
+                    <input type="number" class="buynum" min="0" max="100" v-model="i.num">
+                </div>
+                <div>
+                    购买总价为:{{allprices[index]}}
+                </div>
+                <div>
+                    <span @click="add(index)">新增</span><span @click="remove(index)">删除</span>
+                </div>
+            </div>
+        </div>
+   </div> 
+</body>
+<script>
+    var app=Vue.createApp({
+        data:function(){
+            return{
+                msg:'推荐湖南菜单  欢迎光临！！！',
+                list:[
+                    {
+                        name:'宝塔黄鳝',
+                        img:"https://bkimg.cdn.bcebos.com/pic/9a504fc2d5628535e5dd47f95ea561c6a7efcf1bc59a",
+                        price:89,
+                        num:1,
+                        buynum:100,
+                    },{
+                        name:'红烧排骨',
+                        img:"https://img2.baidu.com/it/u=2552691228,637055769&fm=253&fmt=auto&app=138&f=JPEG?w=891&h=500",
+                        price:4.00,
+                        num:1,
+                        buynum:100,
+                    }
+                ],
+            }
+        },
+        methods:{
+            add: function (index) {
+                this.list.push(this.list[index])
+            },
+            remove: function (index) {
+                this.list.splice(index, 1)
+            }
+        },
+        computed: {
+            allprices: function () {
+                // console.log(index)
+                //return this.list[index].num * this.list[index].price;
+                let arr=[]
+                for (var i=0;i<this.list.length;i++) {
+                    arr.push(this.list[i].num * this.list[i].price);
+                }
+                console.log(arr)
+                return arr;
+            }
+        },
+        watch: {
+            list: {
+                handler: function (newValue, oldValue) {
+                    newValue.forEach(el => {
+                        if (el.buynum - el.num <= 1) {
+                            alert('此商品剩余数量不足！');
+
+                        }
+                    });
+
+                },
+                deep: true
+            }
+        }
+    })
+    app.mount('#app');
+</script>
+</html>
\ No newline at end of file
diff --git "a/\350\207\252\345\256\232\344\271\211\344\275\234\344\270\232/homework.html" "b/\350\207\252\345\256\232\344\271\211\344\275\234\344\270\232/homework.html"
new file mode 100644
index 0000000000000000000000000000000000000000..1567e5b8b59148131b7b0fb1ae2095db48a0546d
--- /dev/null
+++ "b/\350\207\252\345\256\232\344\271\211\344\275\234\344\270\232/homework.html"
@@ -0,0 +1,69 @@
+<!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>form</title>
+</head>
+
+<body>
+    <form action="">
+        <div>
+            用户名: <input type="text" ref="user">
+            <div v-show="show1">{{trueuser}}</div>
+            <div v-style  v-show="show2">{{erruser}}</div>
+        </div>
+        <div>
+            密码: <input type="text" ref="password">
+            <div v-show="show1">{{truepass}}</div>
+            <div v-style v-show="show2">{{errpass}}</div>
+        </div>
+        <div><input type="submit" value="提交" @click.prevent="submit"></div>
+    </form>
+</body>
+<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+<script>
+    Vue.createApp({
+        data: function () {
+            return {
+                trueuser: '请输入用户名',
+                truepass: '请输入密码',
+                erruser: '用户名或密码错误',
+                errpass: '用户名或密码错误',
+                user: 'admin',
+                password: '123123',
+                show1: true,
+                show2: false
+            }
+
+        },
+        methods: {
+            submit: function () {
+                if (this.$refs.user.value == this.user) {
+                    if (this.$refs.password.value != this.password) {
+                        this.show1 = false;
+                        this.show2 = true;
+                    } else {
+                        alert('登陆成功！')
+                    }
+                } else {
+                    this.show1 = false;
+                    this.show2 = true;
+                }
+            }
+
+
+        },
+        directives: {
+            style: function (el) {
+                el.style.color = 'red';
+            }
+
+        }
+
+    }).mount('body')
+</script>
+
+</html>
\ No newline at end of file
