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>
欢迎指正和补充!~