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

代码：

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

新闻名称：vue组件父子间通信之综合练习（聊天室）
浏览地址：http://csdahua.cn/article/goiosc.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态