2021-02-24

vue合集

1.new vue做了些什么

init和$mount：

1. init 主要是合并配置，初始化生命周期，初始化事件中心，初始化渲染，初始化 data、props、computed、watcher 等等；

2. $mount主要是将经init初始化过的vm实例经过vm._render方法转化为vdom，在经过vm._update执行vm.__patch__方法最终将vdom渲染成真正的dom。

new-vue

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