美文网首页
实例的事件

实例的事件

作者: 你喜欢吃青椒吗_c744 | 来源:发表于2019-08-14 16:22 被阅读0次

学习于技术胖的个人网站

实例事件就是在构造器外部写一个调用构造器内部的方法。这样写的好处是可以通过这种写法在构造器外部调用构造器内部的数据。

$on 在构造器外部添加事件

app.$on('reduce',function(){
    console.log('执行了reduce()');
    this.num--;
});

$on接收两个参数,第一个参数是调用时的事件名称,第二个参数是一个匿名方法。

如果按钮在作用域外部,可以利用$emit来执行。

//外部调用内部事件
function reduce(){
    app.$emit('reduce');
}

$once执行一次的事件

app.$once('reduceOnce',function(){
    console.log('只执行一次的方法');
    this.num--;
 
});

$off关闭事件

//关闭事件
function off(){
   app.$off('reduce');
}

相关文章

  • 实例的事件

    学习于技术胖的个人网站 实例事件就是在构造器外部写一个调用构造器内部的方法。这样写的好处是可以通过这种写法在构造器...

  • VUE兄弟组件传值

    兄弟组件传值 创建一个实例,向这个实例上添加事件,然后在另外的实例中触发事件,即可实现传值 $on 添加事件 $e...

  • jQuery事件

    事件的三种加载方式 事件 实例代码

  • Android 事件分发实例之综合篇(三)

    前言 Android 事件分发实例之右滑结束Activity(一)Android 事件分发实例之右滑结束Activ...

  • Vue 基础

    Vue 实例 1. Vue实例 2. 实例属性 3. 实例方法/数据 4. 实例方法/事件 5. 实例方法/生命周...

  • 事件高级(二)

    事件高级(二) 可重用的选项卡实例 限制范围的拖拽实例 磁性吸附的拖拽实例 解决拖拽问题一:选中文字 事件捕获:s...

  • react事件

    bind 绑定事件的指向 实例应用 事件传参并显示

  • React的事件

    React事件系统 事件处理程序通过 合成事件(SyntheticEvent)的实例传递,SyntheticEve...

  • DOM事件实例

    点击别处关闭浮层 Ⅰ. 思路1 阻止冒泡 stopPropagation() 案例点这里 bug:同样地,点击浮...

  • 实例事件(26)

    实例事件就是在构造器外部写一个调用构造器内部数据的方法,可以在外部写方法调用构造器内部的数据。 一、$on $on...

网友评论

      本文标题:实例的事件

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