2021-02-24

vue合集

1.new vue做了些什么

init$mount

  1. init 主要是合并配置,初始化生命周期,初始化事件中心,初始化渲染,初始化 datapropscomputedwatcher 等等;

  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

你可能感兴趣的:(2021-02-24)