有时候，我们需要在另一个A Component里直接调用B Component里的方法，但Vue的Component和我们平常写的JavaScript module不一样，不能简单的通过import后就直接调用，下面是我找到的一种方法，目前测试可用
<template>
<div>
<b-component ref="BComponent"></b-component>
</div>
</template>
<script>
import BComponent from './BComponent'
export default {
name: 'A',
data () {
},
components: {
BComponent
},
methods: {
callACompoentFunction () {
this.$refs.BComponent.sayHi()
}
}
}
</script>
<style scoped>
</style>
BComponent.vue
<template>
<div></div>
</template>
<script>
export default {
name: 'B',
data () {
},
methods: {
sayHi () {
console.log('Hello world!')
}
}
}
</script>
<style scoped>
</style>
