子组件传递数据到父组件

Zhencode

于 2019-11-09 10:45:31 发布

阅读量158

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/Zhencode/article/details/102984349

vue 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个Vue应用中父组件如何通过$refs直接访问并获取子组件的数据实例，展示了数据流在组件间的传递方式。

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

父组件Home：<template><header ref="xxx"></header></template>
export default{
data(){
return{
xxx:this.$refs.xxx.msg//直接获取子组件数据
}
}
}
子组件Header：export default{
data(){
return{
    msg:'msg'
}
}
}