Vue2以及Vue3的联系与区别
首先我们先分别介绍Vue2的原理
- Vue2 响应式原理,(双向绑定的原理)
- 通过Object.defineProperty劫持对象的getter与setter
- 通过订阅与发布者模式结合
- er观察者来连接视图与数据
- 当数据发生变化时候通知说要订阅该数据的订阅者更新
接下来我们介绍Vue3的原理
- Vue3响应式原理
ES6新增的 proxy代理实现的
最后我们说一下Vue2与Vue3的区别
- 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;