vue组件传值之$attrs、$listeners

本文转载自查看原文 2019-08-14 22:34 386

当有父组件A，子组件B，孙子组件C的时候

A-B B-C 的传值想必大家应该都非常熟悉了，通过props和$emit和$on来进行传值

那么A-C之间的传值要怎么做呢？

1、event.bus总线传值

2、vuex 但是在项目不是很庞大，很复杂的时候使用vuex传值显得有点大材小用了

那要怎么做呢？下面就是我们要说的$attrs和$listeners,注意$attrs的类型为{ [key: string]: string } $listeners的类型为{ [key: string]: Function | Array<Function> }

组件A(父组件)：

组件B(子组件):

组件C(孙子组件)：

这样就实现了组件A中的message的值传递给了孙子组件C，在组件C中就可以获取message的值

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue组件传值——$attrs和$listeners Vue组件传值（三）之深层嵌套组件传值 - $attrs 和 $listeners Vue - 组件通信之$attrs、$listeners 【Vue】组件通信之$attrs、$listeners Vue组件通信之$attrs、$listeners vue组件之间的传值——中央事件总线与跨组件之间的通信（$attrs、$listeners） vue中的$attrs和$listeners vue中的$attrs和$listeners Vue中的$attrs和$listeners vue3 组件传值之 props 与 attrs 的区别