一、组件间通信的概念

指组件通过某种方式来传递信息以达到某个目的。举个例子的观点是，我们在使用 UI 框架中的 table 组件。可能会往 table 组件中传入某些数据，这个本质就形成了组件之间的通信。 按理说，

二、组件通信的作用

在vue中。每个组件之间都有独自的作用域，组件间的数据是无法共享的。但实际开发工作中我们常常需要让组件之间共享数据。这也是组件通信的目的要让它们互相之间能进行通讯，这样才能构成一个有机的完整程序。

三、Vue 组件如何进行传值的

. 父子组件通信

父组件向子组件传递数据

• 父组件通过 自定义属性名="需要传递的数据"子组件通过 props 接收

// Far.vue 组件

// Children.vue 組建
props:{
name的观点是，String
age:{
至于type，Number,defaule:,require:true
}
}

• 父組建通过 v-model 传递需要的参数，子組建 props 中通过 value 接收
• 父組建通过 自定义属性名.sync="需要传递的数据",子組建通过props

子組建向父組建传递数据

• 子組建通过$emit,父組建@自定义事件名='绑定自定义方法'

//Far.vue componetn

//Children.vue componetn this.$emit

子component can directly through$emit 

Child component can directly through$emit 

: parent component through $refs can directly call child component's data and method can read not change

//Far.vue componetn

this.$refs.foo

Applicable to parent-child passing parameters and ancestor descendant parameter passing

provide{ return{ 至于foo，'foo' } }

//descendant component

inject: } }

//Far.vue componetn