这次给大家带来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中文网其它相关文章!
推荐阅读:
mint-ui loadmore上拉加载与下拉刷新冲突处理方法
立即学习“前端免费学习笔记(深入)”;










