第1个回答 2022-06-29
Buttondemo组件
一、Button组件根元素是button
当我们点击Buttondemo组件click事件时候，正常情况下，点击完就会将事件传入到Button组件中根元素button上。这时我们点击打印出“hi”
但是如果Button组件根元素不是button，而是div时候，这个时候事件是传入div上，而不是button元素上。
二、Button组件根元素是div
当我们点击Buttondemo组件click事件时候，点击完就会将事件传入到Button组件中根元素div上，这时只要我们点击这个div边框之内都能触发click事件。
三、如何让根元素div里面button触发click事件，
（1）、首先让div不要继承click属性: inheritAttrs:false
（2）、让div里的button绑定事件: v-bind=$attrs $attrs是指所有事件
四、当有多个事件属性传入，如何自主放置在不同元素进行触发
（1）、利用context.attrs获取所有属性
（2）、利用ES6析构函数{size,focus,mouseover,click}=context.attrs
（3）、再在不同元素上绑定上面size或focus等
Buttondemo组件
Button组件