学习vue官网之API——methods

192 阅读1分钟

#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 默认行为会立即出发,可以提高移动端的性能。