引入方式
- Vue2
vue2中我们可以使用pototype(原型)的形式去进行操作,引入的是构造函数。使用import Vue from 'vue'
,然后使用new Vue()
创建实例。
- Vue3
vue3中需要使用结构的形式进行操作,引入的是工厂函数。使用import {createApp} from 'vue'
,通过createApp()
来创建实例。
Vue3中app组件中可以没有根标签。
组件注册
- Vue2
使用Vue.component('component-name', { /* options */ })
注册组件。
- Vue3
使用app.component('component-name', { /* options */ })
注册组件
数据响应(双向数据绑定原理)
Vue 3中,使用了ES6的Proxy
对象代替Vue 2中的Object.defineProperty
来实现数据响应,使得Vue 3在性能和功能上都有了很大的提升。
同时,Vue 3的数据响应也更加灵活,可以在嵌套的对象和数组中进行响应式。
Composition API
这是Vue2与Vue3差别最大的地方,Vue 3新增了Composition API,可以使