Vue-多层组件传值

在不用状态管理vuex的时候，如何让GrandFather与Son通信，我们可以用可以emit一层一层的传递:会显得冗余。 vue2.4之后，提出$attrs、$listeners ,可以实现跨级组件通信。

$listeners官网解说:事件传递

$attrs官网解说:属性传递

组件一:<two v-bind:xx=”100″ v-on:twoEvent=”fn”></two>
组件二:<three v-bind=”$attrs” v-on=”$listeners”></three>
组件三:可以访问组件二的 属性和触发事件: {{this.$attrs.xx}} this.$emit(“twoEvent”,20)