Vue教程 第二篇 组件详解

上一篇我们讲了组件的构成，同时也提到了组件的嵌套和传参；另外我们还遗留了组件生命周期的概念，这两个问题我们现在来详解一下（实例为主 上代码）：

组件生命周期

大家把这个代码拷过去执行一下 看一下console控制台就一目了然了 如果你懂浏览器渲染页面的原理 那就ok了 

这里可以补充一下 另外两个钩子函数 activated 和 deactivated 是在组件被keep-alive机制下才会触发，这里就不做扩展了，后面有机会再说。

组件通信

也就是所谓的组件传参，应用场景其实不用多说吧，组件只要被复用，应该就会涉及到传参。这里我们也是以实例来讲解，分别介绍：父向子组件通信，子向父组件通信，兄弟组件之间通信。

父子相互通信

/*
 * @Description:
 * @Version:
 * @Company: 
 * @Author: Jesen
 * @Date: 2018-10-30 10:29:12
 * @LastEditors: your name
 * @LastEditTime: 2018-10-30 10:43:01
 */

兄弟组件相互通信

先引入eventBus事件总线 然后我们来模拟男女朋友打电话（模拟同级组件通信）

import Vue from 'Vue'
/* eslint-disable*/
export default new Vue()

已经掌握神技的你 赶紧复制代码 操作起来吧 试试效果吧