Property or method "$index" is not defined...

在进行列表渲染时,添加 index 项,采用 v-for="(person, index) in people",将点击事件的函数参数修改为 index.

Author: hushiking

01.GettingStarted/simple-demo.html

@@ -44,11 +44,11 @@
 				</tr>
 			</thead>
 			<tbody>
-				<tr v-for="person in people">
+				<tr v-for="(person, index) in people">
 					<td>{{ person.name }}</td>
 					<td>{{ person.age }}</td>
 					<td>{{ person.sex }}</td>
-					<td :class="'text-center'"><button @click="deletePerson($index)">Delete</button></td>
+					<td :class="'text-center'"><button @click="deletePerson(index)">Delete</button></td>
 				</tr>
 			</tbody>
 		</table>
@@ -96,4 +96,4 @@
 		})
 	</script>
 
-</html>
+</html>