diff --git a/code/web/car_dealer/css/kane.css b/code/web/car_dealer/css/kane.css
index db2d5ce..a47ee33 100644
--- a/code/web/car_dealer/css/kane.css
+++ b/code/web/car_dealer/css/kane.css
@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-10-12 08:49:14
  * @LastEditors: Kane
- * @LastEditTime: 2022-10-21 00:09:08
+ * @LastEditTime: 2022-10-21 11:46:35
  * @FilePath: \car_dealer\css\kane.css
  * @Description: vue学习用的样式表！
  * 
@@ -40,14 +40,15 @@ hr {
     background-color: steelblue;
     border: none;
     height: 3px;
+    /* width: 100% */
 }
 
-.test {
+/* .test {
     width: 110vw;
     height: 100vh;
     border: 1px solid red;
     overflow: auto;
-}
+} */
 
 button {
     padding: 5px 10px;
diff --git a/code/web/car_dealer/vue/vue_01.html b/code/web/car_dealer/vue/vue_01.html
index 547b625..3c85665 100644
--- a/code/web/car_dealer/vue/vue_01.html
+++ b/code/web/car_dealer/vue/vue_01.html
@@ -2,7 +2,7 @@
  * @Author: Kane
  * @Date: 2022-10-20 15:07:59
  * @LastEditors: Kane
- * @LastEditTime: 2022-10-21 00:07:49
+ * @LastEditTime: 2022-10-21 11:47:35
  * @FilePath: \car_dealer\vue\vue_01.html
  * @Description: 
  * 
@@ -10,53 +10,68 @@
 -->
 <!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>vue3入门</title>
+        <link rel="stylesheet" href="../css/root.css" />
+        <link rel="stylesheet" href="../css/normalize.css" />
+        <link rel="stylesheet" href="../css/kane.css" />
+        <script src="../js/vue/vue.global.js"></script>
+    </head>
 
-<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>vue3入门</title>
-    <link rel="stylesheet" href="../css/root.css" />
-    <link rel="stylesheet" href="../css/normalize.css" />
-    <link rel="stylesheet" href="../css/kane.css" />
-    <script src="../js/vue/vue.global.js"></script>
-</head>
-
-<body>
-    <div id="app">
-        <div class="content">
-            <h1>{{title}}</h1>
-            <h1>{{count}}</h1>
-            <button type="button" v-on:click="addCount()">计数器</button>
-            <button type="button" v-on:click="switchButton()">{{btn_title}}</button>
+    <body>
+        <div id="app">
+            <div class="content">
+                <h1>{{title}}</h1>
+                <h1>{{count}}</h1>
+                <button type="button" v-on:click="addCount()">计数器</button>
+                <button type="button" v-on:click="switchButton()">
+                    {{btn_title}}
+                </button>
+                <hr />
+                <h1>测试列表渲染</h1>
+                <table>
+                    <tr v-for="stuff in stuff_list">
+                        <td>{{stuff.name}}</td>
+                        <td>{{stuff.age}}</td>
+                    </tr>
+                </table>
+                <hr />
+            </div>
         </div>
-    </div>
-</body>
-<script>
-    const app = {
-        data() {
-            return {
-                title: "vue3 入门！",
-                count: 0,
-                btn_title: "走你",
-                btn_switch: true,
-            };
-        },
-        methods: {
-            addCount() {
-                this.count++;
+    </body>
+    <script>
+        const app = {
+            data() {
+                return {
+                    title: "vue3 入门！",
+                    count: 0,
+                    btn_title: "走你",
+                    btn_switch: true,
+                    stuff_list: [
+                        { name: "kane1", age: "40" },
+                        { name: "kane2", age: "41" },
+                        { name: "kane3", age: "42" },
+                        { name: "kane4", age: "43" },
+                        { name: "kane5", age: "44" },
+                    ],
+                };
             },
-            switchButton() {
-                this.btn_switch = !this.btn_switch;
-
-                this.btn_title = this.btn_switch ? "走你！" : "滚";
+            methods: {
+                addCount() {
+                    this.count++;
+                },
+                switchButton() {
+                    this.btn_switch = !this.btn_switch;
+                    this.btn_title = this.btn_switch ? "走你！" : "滚";
+                },
             },
-        },
-    };
+        };
 
-    const vm = Vue.createApp(app);
+        const vm = Vue.createApp(app);
 
-    vm.mount("#app");
-</script>
-
-</html>
\ No newline at end of file
+        vm.mount("#app");
+    </script>
+</html>
