27 组件事件-526互联

组件事件：组件之间的相关操作，比如说数据传递之类的
$emit 可以子传父亲； props只能父传子

    <br>
    <button @click="SonMethod">通过子级函数操作父级函数</button>
</template>

<script>
export default{
    methods: {
        SonMethod() {
            this.$emit("Event")
        }
    },
}
</script>

<template>
    <h3>子级组件向父级组件传输数据</h3>
    <Child01 @Event="FatherMethod"/>
</template>

<script>
import Child01 from './Child01.vue';
export default{
    methods: {
        FatherMethod() {
            console.log("父级函数")
        }
    },
    components: {
        Child01,
    },
}
</script>

组件