Vue2.0中如何实现父传子、子传父及非父子组件间的八种常用传值方式？

本文共计3039个文字，预计阅读时间需要13分钟。

Vue2.0 传递方式：在 Vue 框架开发中，项目常需使用组件来管理不同功能，一些通用组件会被单独提取。这过程中可能会遇到一些疑问和需求，如一个组件调用另一个组件。

Vue2.0传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件

Vue2.0 传值方式：

在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。

引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，事件向上传递。