多组件互相引用

main.vue

<template>
    <div>
        <child>
            <button @click="hello()">click me</button>
        </child>
    </div>
</template>

<script>
    import child from './components/child'
    export default {
        data() {
            return {
            }
        },
        methods: {
            hello() {
                alert('hello');
            }
        },
        components: {child}
    }
</script>

child.vue

<template>
    <div>
        我是子组件
        <slot></slot>
    </div>
</template>

<script>
    export default {
        
    }
</script>