这篇文章主要为大家详细介绍了vue综合组件间的通信，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了vue综合组件间的通信，供大家参考，具体内容如下
实现一个ToDoList。
①完成所有的组件的创建和使用
②add
点击add按钮时候，将用户输入的内容（todoinput），显示在（todolist）
核心代码：兄弟组件间通信
步骤1：var bus = n本文来源gao($daima.com搞@代@#码(网5ew Vue()
步骤2：在准备接受数据的组件
bus.$on('addEvent',function(){ })
步骤3：触发事件
bus.$emit('addEvent',123)
将todolist中数组的元素 渲染在todoitem的每一个span标签。（父子组件通信）
③delete
在todoitem中点击delete按钮时，将该todoitem删除，由于todoitem的数量 取决于 todolist中数组
子组件 和 父组件通信：
<title>Title</title> <div id="container"> <p>{{msg}}</p></div>
以上就是vue综合组件间的通信详解的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue综合组件间的通信详解
转载请注明原文链接：vue综合组件间的通信详解
