Vue2.0的三种常用传值方式：父传子、子传父、非父子组件传值

主要知识点 已经画出

Vue常用的三种传值方式

1.父传子
2.子传父
3.非父子传值

利用官网一张图简单概述下父传子和子传父

父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示：


image.png

父传子

父组件

image.png

子组件
image.png

子传父

子组件

image.png

父组件
image.png

非父子组件进行传值

非父子组件之间传值，需要定义个公共的公共实例文件bus.js，作为中间仓库来传值，不然路由组件之间达不到传值的效果。


image.png

image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。