vue.js - vue vuex vue-resource构建应用逻辑问题

问题描述

问 题

有这么一个简单的流程问题，比如说页面上有5个div，我在页面上点击div的×可以删掉这个div，5个div是v-for渲染出来的都带有各自的index。点击删除只需要把点击的这个index传给vuex vuex对应删除这条数据即可。
用到vue-resource后，我点击后通过这个index找到对应的数据库里对应的数据，删除数据库的数据。现在页面上的四个div是应该像上面那样直接传index生成还是把数据库里4条div的数据拿到传回前端再给vuex渲染出来？谢谢指教

解决方案

• 第一种可能：如果后端告诉你删除成功了，前端直接从state中干掉这个数据(建议)

• 第二种可能：如果后端告诉你删除成功了，同时返回你新的列表数据（相对于一要增加了网络传输数据量，增加后端sql操作）

• 第三种可能：如果后端告诉你删除成功了，你再从后端请求新的数据更新state，相对于一二，多了网络请求次数和sql操作）

这篇关于vue.js - vue vuex vue-resource构建应用逻辑问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！