为什么el-button要传给组件click事件而不是直接@click

el-button的源码

methods: {

      handleClick(evt) {

        this.$emit('click', evt);

      }
}

使用el-button

   <el-button @click="add">通过</el-button>

el-button实际上点击时,是组件传递了一个click给调用组件的页面 ,点击时调用的是这个组件传来的click

为什么要这样做呢,直接@click点击这个组件div好像没什么不一样

 

这样写灵活啊。既可以自己定义一个事件。