{"id":7674,"date":"2023-11-28T19:51:54","date_gmt":"2023-11-28T11:51:54","guid":{"rendered":"https:\/\/wx.kaifamiao.info\/?p=7674"},"modified":"2023-12-01T22:24:26","modified_gmt":"2023-12-01T14:24:26","slug":"vue-zhongvue2-x-hevue3-x-xuan-ran-qi-dediff-suan-f","status":"publish","type":"post","link":"http:\/\/wx.kaifamiao.info\/index.php\/2023\/11\/28\/vue-zhongvue2-x-hevue3-x-xuan-ran-qi-dediff-suan-f\/","title":{"rendered":"Vue \u4e2d Vue2.x \u548c Vue3.x \u6e32\u67d3\u5668\u7684 diff \u7b97\u6cd5\u5206\u522b\u8bf4\u4e00\u4e0b\uff1f"},"content":{"rendered":"<p>Vue 2.x \u548c Vue 3.x \u5728\u6e32\u67d3\u5668\u7684 diff \u7b97\u6cd5\u65b9\u9762\u6709\u4e00\u4e9b\u4e0d\u540c\uff1a<\/p>\n<p><strong>Vue 2.x \u4e2d\u7684 Virtual DOM \u548c Diff \u7b97\u6cd5<\/strong>\uff1a<\/p>\n<ul>\n<li><strong>Virtual DOM<\/strong>\uff1aVue 2.x \u4f7f\u7528 Virtual DOM\uff0c\u5c06\u6574\u4e2a\u7ec4\u4ef6\u6811\u6e32\u67d3\u6210\u865a\u62df DOM \u6811\uff0c\u5e76\u5728\u6570\u636e\u53d8\u5316\u65f6\u901a\u8fc7 diff \u7b97\u6cd5\u6bd4\u8f83\u65b0\u65e7\u865a\u62df DOM \u6811\u7684\u5dee\u5f02\uff0c\u6700\u5c0f\u5316\u5b9e\u9645 DOM \u7684\u64cd\u4f5c\uff0c\u63d0\u9ad8\u6e32\u67d3\u6027\u80fd\u3002<\/li>\n<li><strong>Diff \u7b97\u6cd5<\/strong>\uff1aVue 2.x \u4e2d\u4f7f\u7528\u7684\u662f\u7ecf\u5178\u7684\u53cc\u7aef\u6bd4\u8f83\u7684 Diff \u7b97\u6cd5\u3002\u5b83\u901a\u8fc7\u904d\u5386\u65b0\u65e7\u865a\u62df DOM \u6811\uff0c\u540c\u7ea7\u6bd4\u8f83\u8282\u70b9\uff0c\u5c3d\u53ef\u80fd\u590d\u7528\u5df2\u5b58\u5728\u7684\u8282\u70b9\uff0c\u627e\u51fa\u6700\u5c0f\u7684\u53d8\u66f4\uff0c\u4ece\u800c\u51cf\u5c11\u5b9e\u9645 DOM \u64cd\u4f5c\u3002<\/li>\n<\/ul>\n<p><strong>Vue 3.x \u4e2d\u7684\u6e32\u67d3\u4f18\u5316<\/strong>\uff1a<\/p>\n<ul>\n<li><strong>Proxy \u548c Reactivity<\/strong>\uff1aVue 3.x \u4f7f\u7528\u4e86\u57fa\u4e8e JavaScript Proxy \u7684\u65b0\u7684\u54cd\u5e94\u5f0f\u7cfb\u7edf\uff0c\u76f8\u6bd4 Vue 2.x \u4e2d\u7684 Object.defineProperty\uff0c\u8fd9\u5e26\u6765\u4e86\u66f4\u5feb\u7684\u54cd\u5e94\u5f0f\u6570\u636e\u8ffd\u8e2a\u548c\u66f4\u597d\u7684\u7c7b\u578b\u63a8\u65ad\u3002<\/li>\n<li><strong>\u4f18\u5316\u7684 Diff \u7b56\u7565<\/strong>\uff1aVue 3.x \u5bf9 Diff \u7b97\u6cd5\u8fdb\u884c\u4e86\u6539\u8fdb\uff0c\u91c7\u7528\u4e86\u66f4\u5feb\u901f\u548c\u66f4\u7cbe\u51c6\u7684 Diff \u7b56\u7565\u3002\u5b83\u4f7f\u7528\u4e86\u201c\u9759\u6001\u63d0\u5347\u201d\u548c\u201c\u57fa\u4e8e\u6811\u7684 Diff \u7b97\u6cd5\u201d\u7b49\u4f18\u5316\uff0c\u4ee5\u66f4\u597d\u5730\u5229\u7528\u9759\u6001\u5206\u6790\uff0c\u907f\u514d\u4e0d\u5fc5\u8981\u7684\u6bd4\u8f83\u548c\u8282\u70b9\u904d\u5386\uff0c\u8fdb\u4e00\u6b65\u63d0\u5347\u4e86\u6027\u80fd\u3002<\/li>\n<\/ul>\n<p>\u603b\u4f53\u6765\u8bf4\uff0cVue 3.x \u5728\u6e32\u67d3\u5668\u7684 diff \u7b97\u6cd5\u65b9\u9762\u8fdb\u884c\u4e86\u4e00\u4e9b\u4f18\u5316\u548c\u6539\u8fdb\uff0c\u501f\u52a9\u66f4\u9ad8\u6548\u7684\u54cd\u5e94\u5f0f\u7cfb\u7edf\u548c\u6539\u8fdb\u7684 Diff \u7b56\u7565\uff0c\u63d0\u5347\u4e86\u6027\u80fd\u5e76\u51cf\u5c11\u4e86\u4e0d\u5fc5\u8981\u7684 DOM \u64cd\u4f5c\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vue 2.x \u548c Vue 3.x \u5728\u6e32\u67d3\u5668\u7684 diff \u7b97\u6cd5\u65b9\u9762\u6709\u4e00\u4e9b\u4e0d\u540c\uff1a Vue 2.x \u4e2d\u7684 Virt [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[114],"tags":[],"class_list":["post-7674","post","type-post","status-publish","format-standard","hentry","category-vue"],"_links":{"self":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/7674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/comments?post=7674"}],"version-history":[{"count":2,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/7674\/revisions"}],"predecessor-version":[{"id":13941,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/7674\/revisions\/13941"}],"wp:attachment":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/media?parent=7674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/categories?post=7674"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/tags?post=7674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}