vue.js2.0如何把子组件触发的事件更方便地传递给祖父组件。

Question

近来学习组件二次封装时碰到一个问题，假设我要把element-ui的el-table封装成ele-table组件，那么我势必要使得a组件传递给ele-table组件的参数能够顺利传递给el-table（这个好解决，用v-bind），另外也要使得el-table触发的事件能够经ele-table组件顺利传递给a组件去做处理。按以往的做法无非就是在组件上捕获事件，然后再this.$emit往上传，但是事件一多便成了酱紫：（el-table的事件有十六个）即使将处理方法合并，在template依旧会显得有些肿胀，想请教大神是否有简单一些的办法可以完成这项需求呢？

Answer 1

el-table不同的事件有不同的作用。如果做了合并处理，事件的作用就不单一，是否会引起语义不清晰。例外el-table作为通用组件，涵盖了很多场景。如果单从自己的业务出发，根据自己的业务场景封装组件，或许事件就没有那么多。