197.[vue]组件的渲染与更新过程

weekCodeing / interview-answe

🌍 前端程序员训练求星星 ✨ 各位同学可以在issues中提问，无论是实际项目中遇到的问题，或者是技术问题都可以，大家一起解决💯 👍 😄。

http://www.dadaqianduan.cn/

76 stars 9 forks source link

Open webVueBlog opened 4 years ago

webVueBlog commented 4 years ago

[vue]

webVueBlog commented 4 years ago

1.组件渲染时，会通过 Vue.extend 方法构建子组件构造函数（原型继承的方法实现） 2.installComponentHooks 安装组件的钩子函数 init：初始化，prepatch：预补丁、insert：插入、destroy ：销毁

3.用 new VNode 实例化（组件的 vNode 没有 children）然后手动调用 $mount( ) 进行挂载更新组件时 patchVnode 流程，其核心是 diff 算法