参考:https://blog.csdn.net/qq_39009348/article/details/81977468
1.方法:$attrs
和$listeners
两个属性
看了官方文档对这两个属性的解释有点抽象,简单的的说$attrs
属性可以可以获取顶层组件(爷爷组件)的值(这里的数据是data定义的,而props不可以
);$listeners
属性相当于顶层组件(爷爷组件)事件监听器
首先我定义三个组件
- YEYE.vue
- BABA.vue
- SUNZI.vue
最终效果
2.将爷爷组件的值传给孙子组件:
2.1 将爷爷组件的值传给爸爸组件
这里需要借助爸爸组件作为桥梁,链接爷孙组件
这里可以看出我们将爷爷组件的值传给了爸爸组件,