react最简单的子传父方案教学

Posted 2023-04-12

参考技术A react里子组件不能直接操作父组件的数据。
所以要从父组件传递一个方法给子组件，
子组件获取到该方法后，把子数据传入该方法，
父组件才能获取到子数据

类父组件

函数父组件 (函数组件也被叫做ui组件)

vue的组件通讯 父传子 -- 子传父-- 兄弟组件的传值 vue的组件传值

首先文字简单撸一下

父子传子   -------首先在父组件上绑定一个属性，在子组件里用props接收，可以是数组或者是对象

子传父   ------在父组件升上自定义一个方法，在子组件里通过this.$emit("父组件上的方法名"，a)     /-------a------/代表需要传递的参数       

兄弟组件通讯   需要创建一个公共的vue 实例, new vue()   

在main.js里 书写Vue.prototype .com=new vue()    通过prototype添加到vue实例中      com是自己添加的属性

1、父传子

2、子传父

 

3、兄弟组件通讯

兄弟组件1

兄弟组件2

组件通讯是vue里比较重要，而且常用的东西，需要掌握好