这是子组件core.vue
如上图子组件所示 $emit触发父组件this.fnName函数 传递参数为sendDate
上两图全为父组件内容
上图中 fnName="perfect" 表示触发的是一个字符串 (注:perfect本身就是字符串 ),然后字符串可以找到对应函数 @perfect,此处字符串和函数名必须对应。 然后就可以在perfectFn函数里面拿到传递过来的参数 sendDate。
这样做的好处是子组件中的一个$emit 可以触发多个父组件中的函数 例如上图core.vue通过一个$emit (this.fnName)可以分别触发父组件中的watchSave 和 perfect 两个函数。更加简便
本文主要介绍关于Vue组件通信的四种方式，分别是父向子组件通信、子向父组件通信、非父子组件的EventBus通信、...
1.父子通信 1.父组件（parent.vue） 子组件（child.vue） 2.子父通信 1.子组件（chil...
本节所需的基础知识： 【Vue】组件通信（父传子props） 【Vue】组件通信（子传父$emit） 任意组件相互...
Vue 如何实现组件通信？①父组件向子组件通信（props:['属性名']） 给父组件中的子组件标签绑定属性，然后...
vue相关： 1.组件之间的通信 父组件传给子组件用props子组件向父组件通信用$emit具体参照：https:...
一、父子通信 1. 父组件通过props向子组件传值 vue:父组件 子组件接收 react:父组件： 子组件： ...
子组件=》父组件 vue的组件之间的通信类似angular的父子层级之间通信，父组件获取子组件数据步骤大概如下： ...
vue 组件之间通信 vue组件之间通信方式： 1.父组件通过props向下传数据给子组件，子组件通过$emit事...
全面学习Vue 组件通信父组件给子组件传值 props 父组件 子组件 props: { mn...
vue组件之间的通信包括三种： 1.父组件向子组件通信 2.子组件向父组件通信 3.同级组件之间的通信 首先，看一...
本文标题：vue子至父组件通信的进一步介绍
本文链接：https://www.haomeiwen.com/subject/jodbaxtx.html
网友评论