vue2.0如何来实现的父子组件以及兄弟组件之间的传值

1.子组件使用父组件的值或数据

结构如图:

做为父组件的index.vue


做为子组件在父组件当中使用的组件one和two


2.父组件使用子组件当中的数据或者值

父组件index.vue

为父组件供值的同时也做为父组件中子组件的组件three


3.兄弟组件之间的传值,three和four两个非父子组件之间的传值


兄弟组件之间数据的传递如果不使用vuex的话,那么可以使用bus来传值,所以在这里在需要互相通信的兄弟组件之间引入了Bus(一个js);

Bus.js


整个项目的框架结构


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 重点啊!!当初学这个时候,纠结了好一会儿。先来看看组件关系。 可以把一个网页拆分成很多部分,如图所示,可以理解为一...
    八宝君阅读 3,033评论 9 7
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,185评论 0 29
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,688评论 19 139
  • 前言 在vue项目中,不可避免的会在不同组件之间进行传值 ,不同需求下有各式各样的传值方式。就比如说,兄弟组件传值...
    喜欢未来你的我阅读 1,561评论 2 12
  • 打开qq总是会不自觉的打开你的分组,即使不找你,也会点进去看一下再退出来。我只想放手去做,不论结果对错。并不知道因...
    旅人未安阅读 127评论 0 0

友情链接更多精彩内容