vue 里 this.$parent 作用

Yetian_2000

于 2021-01-20 14:24:17 发布

阅读量7.1k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue

50 篇文章

订阅专栏

本文介绍了Vue中组件间的通信方式，包括子组件如何通过$parent访问父组件的数据和方法，以及如何使用$refs实现同级子组件之间的数据传递。例如，childA组件可以通过this.$parent.$refs.childB将data1的值赋给childB的data2。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.子组件和组件的通信

this.$parent 可以访问到父组件 上所有的 data(){ 里的数据信息和生命周期方法，methods里的方法 }！

2.子组件和同级别子组件的通信

<parentc>
	<childA></childA>    
	<childB ref="childB"></childB>
</parentc>

问：假设childA组件中定义了data1数据，我怎么把data1赋值传递给组件B的data2呢？

答：在childA组件中method里可以写如下，就ok了

this.$parent.$refs.childB.data2=this.data1

因为this. $p a r e n t 就相当于是拿到了父组件 t h i s .$ parent.$refs.childB就是拿到了childB 组件