vue组件与组件通信有如下几种情况:
平行组件
父组件与子组件
子组件与父组件
它们之间通信有几种方法有:
props
自定义事件
vuex
今天我们聊一下父组件调用子组件的一种方法
parent.vue
<template>
<div>
<h1>我是父组件</h1>
<child ref="child"></child>
</div>
</template>
<script>
import child from './child'
export default{
components:{ child },
methods:{
parent(){
this.$.refs.child.childFn()
}
}
}
</script>
child.vue
<template>
<div>
<h2>我是子组件</h2>
</div>
</template>
<script>
import child from './child'
export default{
components:{ child },
methods:{
childFn(){
alert('父组件调用了我')
}
}
}
</script>
欢迎指正和补充!~