有了事件代理,还只是显示了数据,没有动态的改变,我们知道想要动态的改变必须使用方法,也就是函数,Vue事件处理,就相当于js当中的函数,
这句话不怎么对,但是可以这样理解
使用讲如下几点:在讲之前先说一下:(Vue事件处理,没有使用代理,数据代理,数据代理,只有数据才代理,方法不代理,这是一点,还有一点就是,数据代理是为了动态的交互,而方法就是方法,只需要修改)
HTML5表单
这是我的{{name}}
注意:方法函数写在
methods中,由于已经知道是一个函数,所以不需要
@就是v-on:的简写方式
HTML5表单
这是我的{{name}}
看如下的图你就可以知道了
记住一点,箭头函数所执行的this都是windows
HTML5表单
这是我的{{name}}
$event是占位符,在什么地方都可以
HTML5表单
这是我的{{name}}
首先来看一个事件,
点击对于,这个事件,如果点击了a标签,但是不想要跳转,一般会使用event.stop,哪vue中直接使用stop即可,如下代码所示:
HTML5表单
{{name}}
百度
直接使用
百度
冒泡:父元素有和子元素一样的事件,当子元素的事件触发时,父元素的事件也触发,如下所示:
HTML5表单
直接在事件后面加上
.stop就可以阻止冒泡了
想要只执行一次事件直接在事件后面加上
.once就可以了
HTML5表单
冒泡和捕获原理,先捕获再冒泡
也可以阻止冒泡事件