@H_301_0@首先列表内容还是与之前的列表内容类似，不过此处我们会采用Vue中数据请求的方式来实现数据的增删。那么我们使用的Vue第三方组件就是vue-resource，vue发起请求的方式与jQuery的ajax相似，组要是请求地址与参数。和方法
@H_3010@首先我们先看到的是列表请求
@H301_0@获取列表
</tr>
</tbody>
</table>
在methods中获取到的加入获取数据的list方法，使用get请求
{
var result =result.body;
if(result.code ===200){
this.list = result.data
}else{
alert("获取数据失败");
}
})
},</pre>需要注意的是，使用vue-resource的请求获取的数据，都封装在回调数据的body域中，同时我们需要在Vue组件的created生命周期函数中加入使用该方法来渲染页面
增加和删除元素的方法与此类似，这里给出详细代码，不做讲解
<Meta charset="UTF-8">
@H_301_0@此案例后台为我使用mybatis和springboot所做的简单后台，大家也可以自行操作。
@H_301_0@以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
