第十一讲、Vue3.x父组件主动获取子组件的数据和执行子组件方法 、子组件主动获取父组件的数据和执行父组件方法

一、父子组件介绍

image-20201029174738754.png

二、Vue3.x父组件主动获取子组件的数据和执行子组件方法

2.1、调用子组件的时候定义一个ref

   <v-header ref="header"></v-header>

2.2、父组件主动获取子组件数据

this.$refs.header.属性

2.3、父组件主动执行子组件方法

this.$refs.header.方法

三、子组件主动获取父组件的数据和执行父组件方法

3.1、子组件主动获取父组件的数据

 this.$parent.数据

3.3、子组件主动获取父组件的数据

this.$parent.方法
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容