Vue组件复杂表格高级编辑功能

Vue 组件复杂表格高级编辑功能

在 vue 中组件的定义是希望组件可以做单一的功能，做到高复用，低耦合，所以父子组件之间的通信就比较关键，而在 vue 中 父组件传递给子组件的数据，子组件可以通过 props 接收，而 props 中的属性是不允许更改的，避免子组件直接操作父组件的数据。

而有时候我们又需要变更子组件绑定的数据，让父组件中绑定的数据同步更新，这个时候，我们就需要做一些特殊的处理，比如：

1. 当功能比较简单时，我们可以使用 sync 修饰符来更新父组件的数据，比如 el-dialog¹ 组件的显示与隐藏，就是通过 sync 来触发同步更新的。
2. 当功能比较复杂的时候，我们可以使用 $emit('update:data', data) 的方法和函数绑定的方式，来通知父组件更新数据。

简单的父子组件之间实时数据更新，可以采用