Vue如何在A组件（并未包含B组件）内调用B组件的方法？

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

如果我们在A组件内引入B组件，自然可以操作B组件，如下：
A组件：
< A >
< div>A组件< /div>
< B ref=“b”>< /B>
< /A >

可以使用代码调用：this.$refs[‘b’].methods()

但如果B组件不在A组件内，如下：
< A>
< h1>A组件< /h1>
< /A>
请问如何调用B组件内的方法?