Vue中父子组件间怎么通信？下面本篇文章就来带大家了解一下Vue父子组件通信，介绍一下父向子传值和子向父传值的方法，希望对大家有所帮助。
Vue中父子组件间怎么通信？聊聊父传子和子传父的方法插图5

这就是子组件写完，这是子组件的样式，上图所示
2、接下来讲讲父组件怎么接收子组件传来的自定义事件
<!-- 父组件 -->
<div id="app">
    <cpn :ctitle="title" @itemclick="cpnclick"></cpn>
</div>
<script>
//父组件    
    const app = new Vue({
        el: "#app",
        data: {
            title: "title",
        },
        methods: {
            cpnclick(item) {
                console.log("cpnclick", item);
            }
        }
    })
</script>
讲解一下：你写好了子组件就要调用，调用就是你的组件名作为标签即可，，这里是
<cpn :ctitle="title" @itemclick="cpnclick"></cpn>
在父组件中写一个函数然后在里面绑定从子组件传过来的自定义事件，这样就成功绑定子组件，这样就完成子组件传数据到父组件了