项目练习：Vue中，跨兄弟组件的方法调用

一、需求说明

我这边有个页面包含了两个子组件

结构如下
          父组件
/                               \
子组件A           子组件B

现在，子组件A中有个按钮，需要刷新整个父子组件的数据。
从而实现无闪烁刷新效果。

二、实现方案

通过子组件A，调用父组件的方法，在通过父组件去调用子组件B的方法

三、代码实现

1、子组件A调用父组件方法
父组件

<Info  @initData="initData"/>

子组件A

this.$emit('initData');

2、父组件调用子组件B方法
父组件

<Price  ref="price"/>

方法中
这样就可以调用到price组件中的initData方法

this.$refs.price.initData();