幻 灭 Blog有朋自远方来,不亦乐乎 ?

Vue 实例身上的一些方法(一)

幻灭·2019-07-22 10:06·295 次阅读

Vue 实例身上的一些方法(一)

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
</body>
</html>
<script src="./vue.js"></script>
<script>
    var vm = new Vue({
        el:"#app"
    })


    function fn1(val){
        console.log(111,val)
    }

    function fn2(val){
        console.log(222,val)
    }

    function fn3(val){
        console.log(333,val)
    }

    // vm.$on("handle",fn1)
    // vm.$on("handle",fn2)
    // vm.$on("handle",fn3)
   // vm.$off("handle",fn2)


    vm.$once("handle",fn1)
    vm.$once("handle",fn2)
    vm.$once("handle",fn3)
    vm.$emit("handle","不要睡觉了,好不好")
    vm.$emit("handle","不要睡觉了,好不好")
    


    /*
        vm.$on:事件的监听 
            参数1:事件的名称  
            参数2:需要绑定的函数


        vm.$once :事件的监听  只会监听一次
            参数1:事件的名称  
            参数2:需要绑定的函数


        vm.$off: 事件的解绑
            参数1:需要解绑的事件 (如果参数2不存在则解绑所有)
            参数2:需要解绑的函数



        vm.$emit :事件的处理
            参数1:需要触发的事件名称
            参数2:需要传递的参数

    
    */
</script>
复制代码

 

posted @   前端小菜鸟吖  阅读(295)  评论(0编辑  收藏  举报
编辑推荐:
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
阅读排行:
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
· 【译】我们最喜欢的2024年的 Visual Studio 新功能
· 如何打造一个高并发系统?
点击右上角即可分享
微信分享提示