如何通过$emit()和$dispatch()实现子组件向父组件传值
发表于：2026-11-03 作者：千家信息网编辑
千家信息网最后更新 2026年11月03日，这篇文章给大家介绍如何通过$emit()和$dispatch()实现子组件向父组件传值，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。自定义组件是一个开发者编写的组件，使用起来和N
千家信息网最后更新 2026年11月03日如何通过$emit()和$dispatch()实现子组件向父组件传值 我是父组件count:{{fcount}} 我是子组件一count:{{compCount}} ` 我是父组件fnum:{{fnum}} 我是子组件二num:{{compNum}} `
这篇文章给大家介绍如何通过$emit()和$dispatch()实现子组件向父组件传值，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
自定义组件是一个开发者编写的组件，使用起来和Native一样，最终按照组件的来渲染；同时开发起来又和页面一样，拥有ViewModel实现对数据、事件、方法的管理。自定义组件也叫子组件，因为它不能独立存在，需要被引入到页面上才能生效。子组件避免一个页面的布局庞大、臃肿，而且使代码可读性好、易维护。
子组件如何向父组件传值呢？比如当子组件对数据进行改造后，如何把最终数据交给父组件呢？主要有两种方法：
子组件通过$emit()触发在节点上绑定的自定义事件来执行父组件的方法。
子组件通过$dispatch()触发自定义事件，父组件通过$on()监控自定义事件的触发。
解决方案
方法一
子组件通过$emit()触发在节点上绑定的自定义事件来执行父组件的方法，如下例子中实现了如何将子组件中的count值传递到父组件上。子组件定义了emitEvt事件（父组件中引用时，需要添加on前缀），子组件在调用$emit()时，携带了count参数，父组件在响应事件时，便可获取到参数值。
`
`
方法二 子组件调用childVm.$dispath()完成向上传递。子组件通过$dispatch()触发自定义事件，父组件通过$on()监控自定义事件的触发，自定义事件中控制num的变化，父组件中通过evt.detail获取子组件中的num的值赋值给父组件。
`
`
关于如何通过$emit()和$dispatch()实现子组件向父组件传值就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
组件
事件
方法
数据
页面
内容
参数
更多
节点
帮助
开发
监控
不错
臃肿
代码
例子
兴趣
前缀
可读性
同时
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
互联网黑科技
小米移动互联网科技园
杭州互联网科技公司
致骋互联网科技
小马过河互联网科技
齐家互联网科技有限公司
汉立互联网科技有限公司联系电话
北京大学互联网科技怎么样
成都互联网科技公司100强
互联网校园科技培训
互联网公司科技股
苏州五指互联网络科技有限
洛阳昕诺飞互联网科技有限公司
坤平互联网科技
996高科技互联网公司
互联网领先科技活动
中国互联网公司的科技投入
美国五大互联网科技公司市值多少
盐城市攀科互联网科技有限公司
平安好医生打造互联网科技医疗
互联网 科技创业
互联网科技公司怎么样
互联网科技上市公司
左右互联网络科技
天扬科技互联网广告
青海省互联网新科技
互联网企业和科技型企业
互联网对科技的发展
中天科技中国工业互联网
黑龙江互联网科技公司
