前言在做vue项目或者uniapp开发微信小程序时，经常会用到组件之间传值，因此想总结记录下。一、父子传值父向子传递：props子向父传递：通过events（$emit）父组件想调用子组件的方法：通过this.$refs(ref)a）ref用在组件可以调用组件的属性方法b）ref用在标签可以对标签进行操作c)ref属性不能用在uniapp的内置组件上面，只能用在自定义组件上面；用在内置组件比如标签，this.$refs.xxx获取dom是undefind父组件调用子组件的方法//父组件template>view>viewclass="index-goods-list-con">Waterfal
jq$(‘#id’).siblings()当前元素所有的兄弟节点$(‘#id’).prev()当前元素前一个兄弟节点$(‘#id’).prevaAll()当前元素之前所有的兄弟节点$(‘#id’).next()当前元素之后第一个兄弟节点$(‘#id’).nextAll()当前元素之后所有的兄弟节点一、js获取子节点的方式通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。vara=document.getElementById(“test”).getElement
jq$(‘#id’).siblings()当前元素所有的兄弟节点$(‘#id’).prev()当前元素前一个兄弟节点$(‘#id’).prevaAll()当前元素之前所有的兄弟节点$(‘#id’).next()当前元素之后第一个兄弟节点$(‘#id’).nextAll()当前元素之后所有的兄弟节点一、js获取子节点的方式通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。vara=document.getElementById(“test”).getElement
目录父传子值、方法（子调用父值、方法）子传父值（父调用子值）父读子（子传父）（父调用子值、方法）兄弟（任意组件）通信引入Mitt来完成任意组件通信父传子值、方法（子调用父值、方法）1、统一规范写法，通过在子组件标签上绑定属性和值，来传递到子组件，子组件再通过defineProps来接收，先给其定义类型再用withDefaults是为了在不传递的时候给其一个默认值//父组件直接在标签发送------------------------------------------------//子组件两种接收方式//方式一：子组件定义类型再接收//?表示可传可不传typeProps={aaa?:Strin
目录父传子值、方法（子调用父值、方法）子传父值（父调用子值）父读子（子传父）（父调用子值、方法）兄弟（任意组件）通信引入Mitt来完成任意组件通信父传子值、方法（子调用父值、方法）1、统一规范写法，通过在子组件标签上绑定属性和值，来传递到子组件，子组件再通过defineProps来接收，先给其定义类型再用withDefaults是为了在不传递的时候给其一个默认值//父组件直接在标签发送------------------------------------------------//子组件两种接收方式//方式一：子组件定义类型再接收//?表示可传可不传typeProps={aaa?:Strin
目录父子互相通信proprs/emits使用props(父传子),使用emit(子传父)v-model/emits(父子互相通信))仅父传子通信ref方式仅父传更深的后代（仅爷传孙通信）provide/inject（组件内api）provide/inject响应性数据的传递与接收兄弟组件通信全局组件通信EventBus（通常被称之为“全局事件总线”）Vuex（后续文章详解）父子互相通信proprs/emitsFather.vue 通过 prop 向 Child.vue 传值（可包含父级定义好的函数）Child.vue 通过 emit 向 Father.vue 触发父组件的事件执行使用props
目录父子互相通信proprs/emits使用props(父传子),使用emit(子传父)v-model/emits(父子互相通信))仅父传子通信ref方式仅父传更深的后代（仅爷传孙通信）provide/inject（组件内api）provide/inject响应性数据的传递与接收兄弟组件通信全局组件通信EventBus（通常被称之为“全局事件总线”）Vuex（后续文章详解）父子互相通信proprs/emitsFather.vue 通过 prop 向 Child.vue 传值（可包含父级定义好的函数）Child.vue 通过 emit 向 Father.vue 触发父组件的事件执行使用props
题目描述定义一个单词的“兄弟单词”为：交换该单词字母顺序，而不添加、删除、修改原有的字母就能生成的单词。兄弟单词要求和原来的单词不同。例如：ab和ba是兄弟单词。ab和ab则不是兄弟单词。现在给定你n个单词，另外再给你一个单词str，让你寻找str的兄弟单词里，字典序第k大的那个单词是什么？注意：字典中可能有重复单词。本题含有多组输入数据。输入描述:先输入单词的个数n，再输入n个单词。再输入一个单词，为待查找的单词x最后输入数字k输出描述:输出查找到x的兄弟单词的个数m然后输出查找到的按照字典顺序排序后的第k个兄弟单词，没有符合第k个的话则不用输出。示例1输入3abcbcacababc1输出2
题目描述定义一个单词的“兄弟单词”为：交换该单词字母顺序，而不添加、删除、修改原有的字母就能生成的单词。兄弟单词要求和原来的单词不同。例如：ab和ba是兄弟单词。ab和ab则不是兄弟单词。现在给定你n个单词，另外再给你一个单词str，让你寻找str的兄弟单词里，字典序第k大的那个单词是什么？注意：字典中可能有重复单词。本题含有多组输入数据。输入描述:先输入单词的个数n，再输入n个单词。再输入一个单词，为待查找的单词x最后输入数字k输出描述:输出查找到x的兄弟单词的个数m然后输出查找到的按照字典顺序排序后的第k个兄弟单词，没有符合第k个的话则不用输出。示例1输入3abcbcacababc1输出2
React兄弟组件之间的通信Child2组件需要去更改Child1组件中的数据。因为Child1和Child2是兄弟组件所以数据和事件都放在最进的父级组件中去兄弟组件通信的简单使用importReactfrom'react';//这个是react这个包，我们是需要的importReactDOMfrom'react-dom';//这个是react的虚拟domclassPartentHelloextendsReact.Component{state={num:10}//Child2中的组件事件的回调更改Child1中的数据addHandler=()=>{this.setState({num:thi
