Vue.js之$emit用法案例详解
1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit 触发父组件的自定义事件。
vm.$emit( event, arg ) //触发当前实例上的事件
vm.$on( event, fn );
//监听event事件后运行 fn;
【Vue.js之$emit用法案例详解】例如:子组件:
父组件传给子组件的toCity:{{sendData}}
父组件:
父组件的toCity{{toCity}}
图一:点击之前的数据
文章图片
图二:点击之后的数据
文章图片
到此这篇关于Vue.js之$emit用法案例详解的文章就介绍到这了,更多相关Vue.js之$emit用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- PMSJ寻平面设计师之现代(Hyundai)
- 太平之莲
- 闲杂“细雨”
- 七年之痒之后
- 深入理解Go之generate
- 由浅入深理解AOP
- 期刊|期刊 | 国内核心期刊之(北大核心)
- 生活随笔|好天气下的意外之喜
- 感恩之旅第75天
- python学习之|python学习之 实现QQ自动发送消息