29 组件事件传递

又来就是了
之前说 props 不能 子传父 ， 并不完全准确。默认是不可以，但可以额外操作使它具备“子传父”的功能
就是传递函数啦，不过是间接的

<template>
    <div>
        <!-- msg 在 B 组件赋值，然后传回给A -->
        父级元素：{{ msg }}  
        <B :function1="myFunction"/>
        
    </div>
</template>

<script>
import B from './B.vue';
    export default {
        data() {
            return {
                msg: ""
            }
        },
        methods: {
            myFunction(data) {
                this.msg=data
            }
        },
        components: {
            B,
        },
    }
</script>

<style lang="scss" scoped>

</style>

    <div>
       <p>{{ function1("zhanjianhai") }}</p>
    </div>
</template>

<script>
    export default {
        props: {
            function1: {
                type: Function,
            },
        },
    }
</script>

<style lang="scss" scoped>

</style>