实例详解vue组件父子间通信之聊天室

本文主要为大家详细介绍了vue组件父子间通信之综合练习聊天室制作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

      
  
 
{{msg}}
  
   

组件间通信综合练习：
（props down,events up）
有2个组件：chat-room,user-component
user-component是由label input button构成
chat-room是由两个user-component和一个列表构成

①在chat-room调用user-component指定label的名字
②在user-component，
点击按钮时，将当前用户输入的信息发送给chat-room组件，chat-room接收到数据显示在列表中

代码：

相关推荐：

PHP怎样开发聊天室

用Node.js编写多人实时在线聊天室

如何使用php websocket创建简单聊天室

以上是实例详解vue组件父子间通信之聊天室的详细内容。更多信息请关注PHP中文网其他相关文章！