weekCodeing / interview-answe

🌍 前端程序员训练 求星星 ✨ 各位同学可以在issues中提问,无论是实际项目中遇到的问题,或者是技术问题都可以, 大家一起解决💯 👍 😄。
http://www.dadaqianduan.cn/
76 stars 9 forks source link

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

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 算法