在管理员的一些后台页面里，个人中心里的数据列表里，都会有对这些数据进行增删改查的操作。比如在管理员后台的用户列表里，我们可以录入新用户的信息，也可以对既有的用户信息进行修改。在vue中，我们更应该专注于对数据的操作和处理。

比如我们有一个这样的页面：

我们在这个页面里，就实现了增删改查4个功能，点击链接查看demo【http://puted: { modifylist() { return this.list; } }, methods: { changeActive() { this.$emit('change'); // 关闭弹层，修改isactive值 }, modify() { this.$emit('modify', this.modifylist); // 将修改后的数据传递给父组件 } }});

父组件，在父组件中截取change和modify事件，再用changeOverlay和modify来实现：

<model :list='selectedlist' :isactive="isActive" v-cloak @change="changeOverlay" @modify="modify"></model>

6. 总结

洋洋洒洒写了不少，其实里面的难点不太多，主要是form表单方面的操作，再一个就是练习下组件间的数据与事件传递。内容比较简单，欢迎各位批评指正。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。