vue+typescript,三种组件传值方式

Vue 2.0 typescript 写法传值方式：

随着 typescript 越来越受到前端框架的关注，最近使用 vue + typescript 做了一个项目。发现写法与 vue + js 完全不一样。但是原理相同。接下来给大家介绍 Vue 开发中常用的传值方式。

Vue 常用的三种传值方式有：

• 父传子
• 子传父
• 非父子传值

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

接下来，我们通过实例来看可能会更明白一些：

1. 父组件向子组件进行传值

父组件

	// 父组件
	
	
	
	

子组件

// 子组件

2. 子组件向父组件传值

父组件

.	// 父组件
	
	
	
	
	

子组件

	// 子组件
	
	
	

3. 兄弟组件向传值

这里我们实现的思路是：
（1）其中一个兄弟组件向父组件发送数据；
（2）然后父组件再向另一个兄弟组件传值；

结语：实现方式有点绕，如果朋友们有好的实现方式，在下面评论下来，学习一下。加油