【前端】Vue组件的生命周期及其通信

Vue中可以通过组件的方式来完成代码的管理编写，从而提升代码质量。组件是一个可以被反复使用的，带有指定的功能视图。

组件的生命周期

  组件的生命周期分为四个阶段：create，mount，update，destroy。

前	后	解释	执行次数
beforeCreate	created	创建：初始化操作	1
beforeMount	mounted	挂载DOM树	1
beforeUpdate	updated	数据更新，操作或逻辑判断	n
beforeDestroy	destroyed	清理工作	1

组件的通信

 1.父组件发送数据到子组件

1）父组件调用子组件（传值）
2）子组件中获取父组件传来的值

  最终结果：

 2.子组件传递数据到父组件

1）在父组件中先定义一个方法，用于接收子组件通过事件发送来的数据
2）在父组件模板：绑定事件处理函数
3）在子组件中触发事件，并且传递数据

  最终结果：
  

 3.兄弟组件通信

借助于一个公共Vue实例对象，不同的组件可以通过该对象完成事件绑定和触发

  最终结果：