组件间通信

在vue和react中父子组件之间的通信原来是相似的，首先，在vue和react中父组件向子组件通信都是通过父组件给子组件传递props的方式来进行的，并且两个框架都规定

子组件不得改变父组件传过来的参数，如果一定要改变那么最好在子组件中声明一个依赖父组件props的局部变量，然后子组件向父组件传值的时候，在vue中是使用的所谓的

‘自定义事件’你可以在子组件中点击一个按钮的时候调用一个子组件中的函数，然后在子组件的这个函数中‘触发’（$emit）一个事件，这个事件是你自定义的，并且可以将

一个或多个参数一并‘发射’出去，然后我们就可以在父组件中监听子组件的触发的这个方法，监听方式跟监听普通的事件是一样的也是用v-on，我们可以给监听到的这个事指

定一个处理函数，在这个处理函数中接受传递过来的参数（如果有的话）。需要指明的是，在父组件中监听的子组件$emit的这个方法同样是写在跟props一样的地方，也就是

父组件调用的子组件身上！

像下面这样