组件 和 html标签的区别:
1. 组件标签上添加的属性都是自定义属性,需要通过props进行接受, (与data同级,接受之后在页面里面就不显示了 如果不接受的话可以显示出来) html标签上就是标签本身的属性
2. 组件标签上绑定的事件都是自定义事件, html标签上绑定事件都是原生事件
(vue2 的 解决方案是添加事件修饰符 .navtive)
vue3中 v-on 的 .native 修饰符已被移除。同时,新增的 emits 选项允许子组件定义真正会被触发的事件。
// 因此,对于子组件中未被定义为组件触发的所有事件监听器,Vue 现在将把它们作为原生事件监听器添加到子组件的根元素中 (除非在子组件的选项中设置了 inheritAttrs: false)。