vue组件通信$attrs、$listeners解决组件嵌套多层关系

vue组件通信$attrs、$listeners解决组件嵌套多层关系

1.系列为父组件给子组件传递数据
2.系列为子组件给父组件传递数据

	    <script>
        Vue.component('C',{
   
            data(){
   
                return{
   

                }
            },
            // 1.3、C组件通过$attrs.message获取数据
            // 2.2、v-on：绑定点击事件
            template:`
                <div>
                    <h3 v-on:click="diverData">{
    {$attrs.message}}</h3>
                </div>
            `,
            methods: