diff --git "a/vue/scss\347\231\273\345\275\225/homework.7z" "b/vue/scss\347\231\273\345\275\225/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..18fba73baa4a9ba3cb6d41146ab80f358cf9d72b
Binary files /dev/null and "b/vue/scss\347\231\273\345\275\225/homework.7z" differ
diff --git a/vue/vue.zip b/vue/vue.zip
deleted file mode 100644
index 3d86cc7e91e5d804a62221fa0e6316f962c535f9..0000000000000000000000000000000000000000
Binary files a/vue/vue.zip and /dev/null differ
diff --git "a/vue/\344\275\234\344\270\23210th\350\264\255\347\211\251\350\275\246/homework.7z" "b/vue/\344\275\234\344\270\23210th\350\264\255\347\211\251\350\275\246/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..31cc1e34509fabcd6317cf2465bf1798a8810cdb
Binary files /dev/null and "b/vue/\344\275\234\344\270\23210th\350\264\255\347\211\251\350\275\246/homework.7z" differ
diff --git "a/vue/\344\275\234\344\270\23211thRouter/homework.7z" "b/vue/\344\275\234\344\270\23211thRouter/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..811c3e1bdf91c0fc264cbe757283c25b6a022a99
Binary files /dev/null and "b/vue/\344\275\234\344\270\23211thRouter/homework.7z" differ
diff --git "a/vue/\344\275\234\344\270\23212thVueChildren/homework.7z" "b/vue/\344\275\234\344\270\23212thVueChildren/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..1661d5722f11c7c20ddd5e667ff8829d4a43d205
Binary files /dev/null and "b/vue/\344\275\234\344\270\23212thVueChildren/homework.7z" differ
diff --git "a/vue/\344\275\234\344\270\23213th\350\267\257\347\224\261\345\256\210\345\215\253/homework.7z" "b/vue/\344\275\234\344\270\23213th\350\267\257\347\224\261\345\256\210\345\215\253/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..28a535298959c64980a75ad1c4b6e6fcc769b48e
Binary files /dev/null and "b/vue/\344\275\234\344\270\23213th\350\267\257\347\224\261\345\256\210\345\215\253/homework.7z" differ
diff --git "a/vue/\344\275\234\344\270\2325th\347\224\237\345\221\275\345\221\250\346\234\237/life.7z" "b/vue/\344\275\234\344\270\2325th\347\224\237\345\221\275\345\221\250\346\234\237/life.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..1c8ea198612e424eee6deef9af406a62095c7021
Binary files /dev/null and "b/vue/\344\275\234\344\270\2325th\347\224\237\345\221\275\345\221\250\346\234\237/life.7z" differ
diff --git "a/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.css" "b/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a5fe0cef24d57e5e008ad41e1eb267d76861da16
--- /dev/null
+++ "b/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.css"
@@ -0,0 +1,11 @@
+
+    *{
+        padding: 0;
+        margin: 0;
+    }
+    #lists{
+        background-color:red ;
+        margin-bottom: 50px;
+        width: 500px;
+    }
+   
diff --git "a/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.html" "b/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.html"
new file mode 100644
index 0000000000000000000000000000000000000000..7b6631675624b8a235aaff6ea1a348af7ecd327f
--- /dev/null
+++ "b/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/demo.html"
@@ -0,0 +1,98 @@
+<html>
+
+<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.2.47/dist/vue.global.js"></script>
+    <link rel="stylesheet" href="./demo.css">
+    <title>模板语法</title>
+</head>
+<!--作业：用脚手架去写个购物车列表,一条条数据要使用组件的形式,数据由外层的组件传递（有能力的,结合之前学的,在购物中数量+1 -1时，对应的购买总价也要变更）-->
+
+<body>
+    <div id="gamecard" align="center">
+        <h1>商品列表</h1>
+        <div id="box">
+            <div v-for="(item,index) in game" ref="list">
+                <!-- <div >
+                    <h2>{{ item.name}}</h2>
+                    <a :href=item.web><img v-bind:src="item.imgName" style="width: 300px;height: 200px;"></a>
+                    <p>价格：{{item.money}}</p>
+                    <input type="text" v-model="item.buy">
+                    <p>剩余数量：{{item.numGame-item.buy}}</p>
+                    <button @click="add(index)">新增</button><button v-on:click="remove(index)">删除</button>
+                </div> -->
+                <item :index="index" :item="item"></item>
+
+            </div>
+            <div>购买总数{{totalMoney}}</div>
+        </div>
+    </div>
+</body>
+
+<script>
+
+    let app = Vue.createApp({
+        mounted() {
+            console.log(this.$refs.list)
+        },
+        data: function () {
+            return {
+                game: [
+                    {
+                        name: '塞尔达王国之泪',
+                        money: '389元',
+                        imgName: './zelda.webp',
+                        web: 'https://item.taobao.com/item.htm?spm=a230r.1.14.55.7c425ef5lXXyXO&id=685343519276&ns=1&abbucket=19#detail',
+                        numGame: 100,
+                        buy: 0
+                    },
+                    {
+                        name: '塞尔达王国之泪',
+                        money: '389元',
+                        imgName: './zelda.webp',
+                        web: 'https://item.taobao.com/item.htm?spm=a230r.1.14.55.7c425ef5lXXyXO&id=685343519276&ns=1&abbucket=19#detail',
+                        numGame: 100,
+                        buy: 0
+                    },
+                    {
+                        name: '塞尔达王国之泪',
+                        money: '389元',
+                        imgName: './zelda.webp',
+                        web: 'https://item.taobao.com/item.htm?spm=a230r.1.14.55.7c425ef5lXXyXO&id=685343519276&ns=1&abbucket=19#detail',
+                        numGame: 100,
+                        buy: 0
+                    }
+                ],
+                totalMoney:0,
+                index:null,
+            }
+        },
+        
+        components: {
+            
+            item: {
+                methods: {
+                    change:function(index){
+                        console.log(index)
+                        app.$data.index=index
+                    }
+                },
+            
+                props:['index','item'],
+                template: '<div><span>{{index+1}}---{{item.name}}--{{item.money}}</span></div><div><img width="200" v-bind:src="item.imgName" alt=""></div><div><input @change="change(index)" name="buy"></div>',
+            }
+        },
+        watch:{
+            index:function(newValue){
+                console.log("对应dom对象",this.$refs.list[newValue]);
+            }
+        }
+
+    }).mount("#gamecard")
+
+ 
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/zelda.webp" "b/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/zelda.webp"
new file mode 100644
index 0000000000000000000000000000000000000000..f63cd60880f76521bc60c20c2aee9495e26b0134
Binary files /dev/null and "b/vue/\344\275\234\344\270\2327th\347\273\204\344\273\266/zelda.webp" differ
diff --git "a/vue/\344\275\234\344\270\2328th\346\217\222\346\247\275/homework.7z" "b/vue/\344\275\234\344\270\2328th\346\217\222\346\247\275/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..bc2b169f69a605c2ec8880cedf599e476cc7c25a
Binary files /dev/null and "b/vue/\344\275\234\344\270\2328th\346\217\222\346\247\275/homework.7z" differ
diff --git "a/vue/\344\275\234\344\270\2329th_setup/.keep" "b/vue/\344\275\234\344\270\2329th_setup/.keep"
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git "a/vue/\344\275\234\344\270\2329th_setup/homework.7z" "b/vue/\344\275\234\344\270\2329th_setup/homework.7z"
new file mode 100644
index 0000000000000000000000000000000000000000..a81e05fc2c25024ba8dfd58a7e5778d8a15b7a58
Binary files /dev/null and "b/vue/\344\275\234\344\270\2329th_setup/homework.7z" differ
