vue合集
1.new vue做了些什么
init
和$mount
:
init
主要是合并配置,初始化生命周期秆麸,初始化事件中心初嘹,初始化渲染,初始化data
沮趣、props
屯烦、computed
、watcher
等等;$mount
主要是將經(jīng)init初始化過的vm實(shí)例
經(jīng)過vm._render
方法轉(zhuǎn)化為vdom驻龟,在經(jīng)過vm._update
執(zhí)行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