vue组件调用的三种情况

一.父组件调用子组件方法

子组件中
被调子组件方法
beidiao（param）{
}
父组件中
< zizujian ref=“aa” > < /zizujian>(被引入的子组件)
父组件方法如下
yaodiao(param){
this.$refs.aa.beidiao(param);
}

二.子组件调用父组件方法

父组件中
< zizujian @bb=“beidiao”>< /zizujian >(被引入的子组件)
父组件方法如下
beidiao(){
}
子组件中
子组件方法如下
yaodiao(){
this.$emit(‘bb’,{param:this.argument});
}

子组件1要调用子组件2的方法

父组件中
< zizujian1 @diaoinfo=“yaodiao” >< /zizujian1 >
< zizujian2 ref=“beidiao” >< /zizujian2>
yaodiao(){
this.$refs.beidiao.cc();
}

子组件2中
cc(){
}
子组件1中
< div @click=“diaoinfo”>< /div >
diaoinfo(){
this.$emit(‘diaoinfo’)
}