热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

vue组件传值(父子间传值、父孙间传值、父给子n代间传值、任意组件间传值)

一、父子双向通信:父组件给子组件传值通过prop,子组件给父组件传值通过$emit()。 二、父孙双向通信:父组件与孙组件间的传值可以通过使用两次prop和两次$emit()来实现

一、父子双向通信:父组件给子组件传值通过prop,子组件给父组件传值通过$emit()。

 

二、父孙双向通信:父组件与孙组件间的传值可以通过使用两次prop和两次$emit()来实现,是基于父子双向通信的基础上多加了一层通信。

三、父给后代传信:父组件给子n代组件的传值(适用于单方面从父级往下n级传值),主要在父组件provide设置,在后代inject里面获取。

 

四、关系不明的:通过发布订阅PubSub来实现,在发消息时用publish,接收消息时用subscribe。

持续的输入与输出。



推荐阅读
author-avatar
luosj
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有