#methods
类型:{[key:king]|Function}
methods 被混入到Vue实例中,可以直接通过vm实例方法访问,即this.xx;methods里的this自动绑定vue实例。
ps:methods的函数写法不能用箭头函数,因为箭头函数没有this,箭头函数里的this是被定义时的this,或者说是父级作用域的this,不会指向vue实例。
事件处理: vue中提供v-on来监听DOM事件,触发时可以运行js代码。
当逻辑复杂时,可以在v-on指令上定义方法名。 然后将方法定义在methods里。
如果想访问原生DOM对象,可以在内联处理器中使用$event来访问。
事件修饰符: 原生js中,有 event.preventDefault()或者event.stopPropagation()
这两个常用的阻止事件方法。在vue中可以简便的用.stop等表示出来
.stop 阻止单击事件继续传播。
.prevent 提交页面不再重载页面
.capture 使用事件捕获机制,即先从最外围,然后向内部传递。
.self 只有元素自身时,即event.target时自己时。
.once 事件只会触发一次.
. passive 默认行为会立即出发,可以提高移动端的性能。