您现在的位置是:网站首页> 编程资料编程资料
vue中$emit的用法详解_vue.js_
2023-05-24
311人已围观
简介 vue中$emit的用法详解_vue.js_
vue2.x
1、父组件可以使用 props 把数据传给子组件。
2、子组件可以使用 $emit,让父组件监听到自定义事件 。
vm.$emit( event, arg ) //触发当前实例上的事件
vm.$on( event, fn );//监听event事件后运行 fn;
例如:子组件:
父组件传给子组件的toCity:{{sendData}}
父组件:
父组件的toCity{{toCity}}
图一:点击之前的数据

图二:点击之后的数据

vue3.x
子组件
父组件传给子组件的toCity:{{sendData}}
父组件
父组件的toCity{{toCity}}
到此这篇关于vue中$emit的用法详解的文章就介绍到这了,更多相关vue $emit用法内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- 使用react+redux实现弹出框案例_React_
- React封装全屏弹框的方法_React_
- Vue 实现新国标红绿灯效果实例详解_vue.js_
- 关于vue3 vuex4 store的响应式取值问题解决_vue.js_
- Java前后端分离之权限管理示例分析_javascript技巧_
- Element UI中table单元格合并的解决过程_vue.js_
- 一文教会你解决js数字精度丢失问题_javascript技巧_
- js实现注册页面校验功能_javascript技巧_
- vue中实现拖拽排序功能的详细教程_vue.js_
- JavaScript实现简单表单验证案例_javascript技巧_
