需求: 页面上的列表原先有3个,我们想点击一次添加一条记录,也可以在头和尾删除数据; 我们也可以删除我们想删除的任意一行记录; 如果是用传统的jquery操作,页面中js会特别多,而且操作也很麻烦。 这里用vue.js就非常简单。 我们先看页面效果: 页面初始化.png 末尾增加一项.png 删除项.png 再来看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev