vue和原生js的冒泡/阻止冒泡，默认事件/阻止默认事件

vue

冒泡：父级和子级有同样事件的时候，触发子级的事件，会把父级同样的事件也触发。

阻止冒泡：v-on:事件类型.stop

当点击p或者span时候都会提示点击了p，当span添加了v-on:click.stop="span()后，点击span区域不会触及到父级。

            

                click.stop="span">这是span
            

   

   methods: {

             p () {
                        console.log('点击了p')
                    },
                    span () {
                        console.log('点击了span')
                    }
    }

默认行为：a标签的跳转就是默认事件/表单提交也是

阻止默认行为： @click.prevent
< a   @click.prevent   href="https://www.baidu.com/" >baidu< /a >

原生js

• 事件冒泡：html元素是嵌套结构，在触发内层元素的事件时，外部事件也会被由内到外触发，这种现象叫做事件冒泡
• 阻止冒泡事件： e.stopPropagation()
• 默认事件： a标签的跳转事件就是默认事件
• 阻止默认事件： e.preventDefault()