Vue2とVue3の関係と違い

Vue2とVue3の関係と違い

まずはVue2の原理を別途紹介しましょう

1. Vue2 応答原則 (双方向バインディングの原則)

• Object.defineProperty を通じてオブジェクトのゲッターとセッターをハイジャックする
• サブスクリプションとパブリッシャーのパターンを組み合わせる
• ビューとデータを接続するためのオブザーバー
• データが変更された場合、データの購読を希望する購読者に更新するように通知します。

次に、Vue3 の原理を紹介します。

2. Vue3 Responsive Principle
   ES6 の新しいプロキシ プロキシの実装

最後に、Vue2 と Vue3 の違いについて説明します。

3. vue3とvue2の違い

• 応答原則は異なります: Object.defineProperty と Proxy
• 起動メソッドでは次のことを行う必要はありません。
  //vue2 new Vue({ store, router, render:h=>h(App) }).$mount("#app")

/ vue3
createApp(App).use(store).use(router).mount("#app")

• グローバルマウント方式

// vue2
Vue.prototype.$http = axios;
// vue3
app.config.globalProperties.$http = axios;