Vue父子组件通信之$emit（基于vue2.5，ES6）

Posted 2023-05-06

参考技术A 在Vue中，父组件监听子组件触发的事件，需要在子组件用使用 $emit 触发，在父组件中使用 v-on: / @ 自定义事件监听。

1、 vm.$emit( eventName, […args] ) 可以有两个参数；第一个参数必填，触发当前实例上的函数；第二个参数选填，是向函数传递的数据。

2、在vue中，事件名不存在自动化的大小写转换，触发事件名需要完全匹配监听这个事件所用的名称（驼峰就必须驼峰，短横线就必须短横线。）

3、父组件监听子组件触发的事件，不能用$on侦听子组件抛出的事件，而必须在模板里直接用v-on绑定子组件的事件。

【父组件】

【子组件】

点击按钮

出现弹框，内容在num1、numb2、number3里随机。

vue 父子组件间通信实例讲解(propsr e f refrefemit)

vue之父子组件间通信实例讲解(props、$ref、$emit)_leilei__66的博客-CSDN博客vue之父子组件间通信实例讲解(props、ref、ref、ref、emit)组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。在说如何实现通信之前，我们先来建两个组件father.vue和child.vue作为示例的基础。//父组件<template> <div>https://blog.csdn.net/leilei__66/article/details/118308826?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-0.no_search_link&spm=1001.2101.3001.4242.0