这篇文章主要介绍了Vue.js之$emit用法案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit 触发父组件的自定义事件。
vm.$emit( event, arg ) //触发当前实例上的事件
vm.$on( event, fn );//监听event事件后运行 fn;
例如:子组件:
父组件传给子组件的toCity:{{sendData}}
父组件:
父组件的toCity{{toCity}}
图一:点击之前的数据
图二:点击之后的数据
到此这篇关于Vue.js之$emit用法案例详解的文章就介绍到这了,更多相关Vue.js之$emit用法内容请搜索万博manbetx平台中文网以前的文章或继续浏览下面的相关文章希望大家以后多多支持万博manbetx平台中文网!
以上就是Vue.js之$emit用法案例详解的详细内容,更多请关注万博manbetx平台中文网其它相关文章!