Vue2以及Vue3的联系与区别

Vue2以及Vue3的联系与区别

首先我们先分别介绍Vue2的原理

1. Vue2 响应式原理，（双向绑定的原理）

• 通过Object.defineProperty劫持对象的getter与setter
• 通过订阅与发布者模式结合
• er观察者来连接视图与数据
• 当数据发生变化时候通知说要订阅该数据的订阅者更新

接下来我们介绍Vue3的原理

2. Vue3响应式原理
   ES6新增的 proxy代理实现的

最后我们说一下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;