Vue父子组件生命周期加载过程
**
加载渲染过程
**
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
子组件更新过程
父beforeUpdate->子beforeUpdate->子updated->父updated
父组件更新过程
父beforeUpdate->父updated
销毁过程
父beforeDestroy->子beforeDestroy->子destroyed->父destroyed
执行顺序beforeCreate ->inject -> Props -> Methods -> Data -> Computed -> Watch ->provide-> created
1.父组件改变props,子组件如果直接使用props,会触发子组件更新
2.父组件改变props,子组件如果将props放进data中再使用,不会触发子组件更新
3.父组件改变props,子组件如果将props放进computed中再使用,会触发子组件更新
4.data,props和computed的变化都会触发组件更新
前端