vue合集
1.new vue做了些什么
init
和$mount
:
init
主要是合并配置,初始化生命周期,初始化事件中心,初始化渲染,初始化data
、props
、computed
、watcher
等等;$mount
主要是将经init初始化过的vm实例
经过vm._render
方法转化为vdom,在经过vm._update
执行vm.__patch__
方法最终将vdom渲染成真正的dom。
2.父子组件渲染顺序
1.同步引入子组件
1. 加载渲染过程
父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
2. 子组件更新过程
父beforeUpdate->子beforeUpdate->子updated->父updated
3. 父组件更新过程
父beforeUpdate->父updated
4. 销毁过程
父beforeDestroy->子beforeDestroy->子destroyed->父destroyed
2.异步引入子组件
1. 加载渲染过程
父beforeCreate->父created->父beforeMount->父mounted->子beforeCreate->子created->子beforeMount->子mounted