保存进度！

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 11:47:35
+ * @LastEditTime: 2022-10-21 16:29:39
  * @FilePath: \car_dealer\vue\vue_01.html
  * @Description: 
  * 
@@ -32,8 +32,10 @@
                 </button>
                 <hr />
                 <h1>测试列表渲染</h1>
+                <h3>员工数量：{{stuffCount}}</h3>
                 <table>
-                    <tr v-for="stuff in stuff_list">
+                    <tr v-for="(stuff,index) in stuff_list" v-bind:key="index">
+                        <td>{{index+1}}</td>
                         <td>{{stuff.name}}</td>
                         <td>{{stuff.age}}</td>
                     </tr>
@@ -68,6 +70,11 @@
                     this.btn_title = this.btn_switch ? "走你！" : "滚";
                 },
             },
+            computed: {
+                stuffCount() {
+                    return this.stuff_list.length;
+                },
+            },
         };
 
         const vm = Vue.createApp(app);