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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容