前端开发之vue框架的4种父子组件的方式

鑫2020 发表于 2021/03/01 00:13:57 2021/03/01
【摘要】 大家好,我是陈泽鑫,今天的博客内容是vue框架的4种父子组件的方式。方式一:采用props传值方式二:$emit传值方式三:$parent(vue3中已没有$children)方式四:$ref属性

大家好,我是陈泽鑫,今天的博客内容是vue框架的4种父子组件的方式。

方式一:采用props传值

微信截图_20210228232157.png

微信截图_20210228232157.png

方式二:$emit传值

微信截图_20210228232157.png

微信截图_20210228232157.png

方式三:$parent(vue3中已没有$children)

微信截图_20210228232157.png

方式四:$ref属性

微信截图_20210228232157.png

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区),文章链接,文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。