Vue使用emit和on例子
栏目: JavaScript · 发布时间: 6年前
<template>
<div>
<p @click='emit'>{{msg}}</p>
<p @click='emitOther'>{{msg2}}</p>
</div>
</template>
<script>
export default {
name: 'demo',
data () {
return {
msg : '点击后女人派发事件',
msg2 : '点击后女人派发事件2',
}
},
created () {
this.$on(['wash_Goods','drive_Car'],(arg)=> {
console.log('事真多')
})
this.$on('wash_Goods',(arg)=> {
console.log(arg)
})
this.$on('drive_Car',(...arg)=> {
console.log(BMW,Ferrari)
})
},
methods : {
emit () {
this.$emit('wash_Goods','fish')
},
emitOther () {
this.$emit('drive_Car',['BMW','Ferrari'])
}
}
}
</script>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- Vue+JSX使用例子
- react-refetch的使用小例子
- Android Studio 3.2.1上vuh库使用的例子
- [译] Go 语言的整洁架构之道 —— 一个使用 gRPC 的 Go 项目整洁架构例子
- 一个例子了解迁移学习
- oracle审计例子
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。