vue2和vue3的区别：

1vue2 和vue3双向数据绑定原理不同

2.0的响应式基于Object.defineProperty中的set和get方法实现兼容主流浏览器和ie9以上的ie浏览器，能够监听数据对象的变化，但是监听不到对象属性的增删、数组元素和长度的变化，同时会在vue初始化的时候把所有的Observer（观察者）都建立好，才能观察到数据对象属性的变化。

3.0的响应式采用了ES2015的Proxy来代替Object.defineProperty，可以做到监听对象属性的增删和数组元素和长度的修改，同时还实现了惰性的监听（懒观察）（不会在初始化的时候创建所有的Observer，而是会在用到的时候才去监听）但是，虽然主流的浏览器都支持Proxy，ie系列却还是不兼容，所以针对ie11，vue3.0决定做单独的适配，暴露出来的api一样，但是底层实现还是Object.defineProperty

2Vue3 对ts的支持更好

3.vue2组件属性方式Options API（选项式api）变成CompositionAPI（组合式api）函数式风格。

选项式api：vue文件中data，methods，computed，watch中定义属性和方法，共同处理页面逻辑

优点：上手容易

缺点：项目小还好，清晰明了，但是项目大了后，一个methods中可能包含很多个方法，往往分不清哪个方法对应着哪个功能，而且当你想要新增一个功能的时候你可能需要在 data，methods，computed，watch中都要写一些东西，但是这个时候每个选项里面的内容很多你需要上下来回的翻滚，特别影响效率。

组合式api：把原来创建响应式数据 计算属性等内容变成了一个个api 更好的逻辑复用 更灵活的代码组织