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-多层组件传值的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航