vue-自定义事件

最新推荐文章于 2024-03-22 10:26:09 发布

lt要努力

最新推荐文章于 2024-03-22 10:26:09 发布

阅读量171

点赞数

分类专栏： Vue 文章标签： vue自定义事件 $on $emit 自定义事件

本文链接：https://blog.csdn.net/louting249/article/details/103098922

版权

Vue 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

自定义事件 - 基于node.js的events模块

  事件的发布  $on    发布【 声明一个事件 】
  事件的订阅  $emit  订阅【 触发一个事件 】

<body>
	<button @click = "myEvent"> 自定义事件 </button>
</body>
<script src="../../lib/vue.js"></script>
<script>
var vm = new Vue({
    el: '#app',
    data: {
      n: 0,
      m: 0
    },
    methods: {
      myEvent () {
        vm.$emit('aa',20000)   //事件订阅
      }
   }
}
//事件发布
vm.$on('aa',function ( val ) {
      console.log( 'aa' + val )
})