此博客内容主要是小可日常工作中的一些问题解决的记录整理而成

Vue.js 的组件通信到此还没完全结束，如果你想“趁热打铁”一口气看完，可以先阅读第 6 节组件的通信 3。亦或按顺序看下一节的实战，来进一步加深理解 provide / inject 和 dispatch / broadcast 这两对通信方法的使用场景。注：本节部分代码参考 iView。

这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。如果你熟悉React，这与 React 的上下文特性很相似。并且文档中有如下提示：provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。看不懂上面的介绍没有关系，不过上面的这句提示应该明白，就是说 Vue.js 不建议在业务中使用这对 API，而是在插件 / 组件库（比如 iView，事实上 iView 的很多组件都在用）。

现在我们给组件加一个点击事件，目前有两种写法，我们先看自定义事件 event（部分代码省略）：

三年前，我开始接触 Vue.js 框架，当时就被它的轻量、组件化和友好的 API 所吸引。与此同时，我也开源了 iView 项目。三年的磨(cǎi )砺(kēng)，沉淀了不少关于 Vue.js 组件的经验。本小册的内容也许不会让你的技术一夜间突飞猛进，但绝对使你醍醐灌顶。那么，请准备好一台电脑和一杯咖啡，一起来探索 Vue.js 的精髓吧。