美文网首页
Vue构造器里面的选项:methods

Vue构造器里面的选项:methods

作者: 梁风有意 | 来源:发表于2018-09-21 13:12 被阅读0次

绑定事件的时候,如何传递事件对象event
我们在平时写js代码的时候的绑定事件:

dom.onclick = function(ev){
    console.log(ev);
}
//这个时候的ev就是事件对象

在vue中传递事件对象呢?
是通过绑定事件的时候传递参数$event来实现的

<p><button @click='add($event)'>add</button></p>

定义的组件怎么调用methods里面的方法

//例如我们把上面的button封装成了一个组件btn,这时候使用add方法就不能这么写了,需要改成
<p><btn @click.native='add($event)'>add</btn></p>
//需要加上native修饰符

相关文章

  • Vue构造器里面的选项:methods

    绑定事件的时候,如何传递事件对象event我们在平时写js代码的时候的绑定事件: 在vue中传递事件对象呢?是通过...

  • Vue 实例

    Vue 的实例选项: 我们可以看到,参数有el,data,methods等。除此之外还有: Vue实例 构造器 每...

  • Vue 构造选项

    Vue 构造选项 Options 数据: data、props、methods、computed、watch DO...

  • Vue构造器里的选项

    1.propsData选项 2.computed选项 3.methods选项 4.watch选项 5.mixins...

  • Vue.extend扩展实例构造器

    Vue.extend Vue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造器...

  • Vue2学习笔记:vue实例

    一、实例化vue 二、添加实例化选项 三、扩展vue构造器 四、属性与方法 五、vue实例选项与原生js的关系 六...

  • Vue 概览

    构造器 每个 Vue 程序的开始都是由构造函数 Vue 创建实例: 选项包含数据、模板、挂载元素、方法、生命周期钩...

  • Vue.extend构造器的延伸(10)

    一、Vue.extendVue.extend 返回的是一个“扩展实例构造器”,也就是预设了部分选项的Vue实例构造...

  • 选项

    学习资料:技术胖的个人网站 选项就是在Vue构造器里的配置功能的前缀(Vue已经给我们定义好了) computed...

  • vue学习笔记

    vue实例对象:new 出来的对象就是vue的实例对象new这个叫做构造函数里面的内容是构造参数,每一项叫参数选项...

网友评论

      本文标题:Vue构造器里面的选项:methods

      本文链接:https://www.haomeiwen.com/subject/gtpanftx.html