Javascript

Vue-多层组件传值

本文主要是介绍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)

这篇关于Vue-多层组件传值的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!