自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

上一步保存

weixin_54945646的博客

原创 vue2底层原理与vue3底层原理

在 Vue 3 中，当组件的状态发生变化时，会先生成一个新的 VNode 树，然后通过比较新旧 VNode 树的差异，最后只更新发生变化的部分，从而实现高效的 DOM 更新。在 Vue 2 中，当组件的状态发生变化时，会先生成一个新的 VNode 树，然后通过比较新旧 VNode 树的差异，最后只更新发生变化的部分，从而实现高效的 DOM 更新。在 Vue 2 中，每个组件实例都有一个对应的响应式数据对象，在数据对象中的属性会被劫持，当数据发生变化时，会自动更新视图。

2023-05-18 09:43:15 1377