组件通信介绍

（1） props  /   $emit

父组件通过props向子组件传递数据，子组件通过$emit和父组件通信

    props只能是父组件向子组件进行传值，props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件不断更新。

    子组件向父组件传值

    $emit绑定一个自定义事件，当这个事件被执行的时就会将参数传递给父组件，而父组件通过v-on监听并接收参数。

（2）eventBus事件总线（$emit / $on）

eventBus事件总线适用于父子组件、非父子组件等之间的通信，使用步骤如下： 第一步：创建事件中心管理组件之间的通信 第二步：发送事件 第三步：接收事件

    这就相当于将num值存贮在了事件总线中，在其他组件中可以直接访问。事件总线就相当于一个桥梁，不用组件通过它来通信。虽然看起来比较简单，但是这种方法也有不变之处，如果项目过大，使用这种方式进行通信，后期维护起来会很困难。

（3）依赖注入（provide / inject）

是Vue中的依赖注入，父子组件之间的通信。也可以是祖孙组件，在层数很深的情况下，可以使用这种方法来进行传值。就不用一层一层的传递了。

provide / inject是Vue提供的两个钩子，和data、methods是同级的。并且provide的书写形式和data一样。

    provide 钩子用来发送数据或方法

    inject钩子用来接收数据或方法

    注意： 依赖注入所提供的属性是非响应式的

（3）ref / $refs

父子组件之间的通信。

ref： 这个属性用在子组件上，它的引用就指向了子组件的实例。可以通过实例来访问组件的数据和方法。

（4）$parent / $children

使用$parent可以让组件访问父组件的实例（访问的是上一级父组件的属性和方法）

使用$children可以让组件访问子组件的实例，但是，$children并不能保证顺序，并且访问的数据也不是响应式的。

（5）$attrs / $listeners

$attrs：用来获取父组件传递给子组件的属性，但是，$attrs是只读的，不能修改。

$listeners：用来获取父组件传递给子组件的事件，但是，$listeners是只读的，不能修改。

# proxy  跨域讲一下