Vue组件化常用方法之组件传值与通信

日常开发中，我们用到 props 和 $refs 频率比较多，$children 相对较少些。或者也可以这样理解，父组件先于子组件创建，在父组件的 created 生命周期中子组件还没有创建，所以获取不到子组件。在 Vue 中组件生命周期调用顺序如下：组建的调用顺序都是 先父后子，渲染完成的顺序是 先子后父组件的销毁操作是 先父后子，销毁完成的顺序是 先子后父加载渲染过程。兄弟组件1：兄弟组件2：祖代和后代之间传值由于组件嵌套层数过多，使用 props 进行传递不切实际，vue 提供了 provide/inject API 完成该任务。provide/inject 能够实现祖先给后代传值。