vue组件父子间通信之综合练习（聊天室）

本文实例为大家分享了vue组件父子间通信之聊天室的具体代码，供大家参考，具体内容如下

成都创新互联公司是一家业务范围包括IDC托管业务,网络空间、主机租用、主机托管，四川、重庆、广东电信服务器租用,中国电信云锦天府，成都网通服务器托管,成都服务器租用,业务范围遍及中国大陆、港澳台以及欧美等多个国家及地区的互联网数据服务公司。

 
 
 
 
 
 
 

  
{{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接收到数据显示在列表中

 代码：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。