如题，vue3从19年的vue@next版本，迭代到现在的3.2版本，已经过了差不多3年多了。感觉前端社区使用vue2的人是仍然较多，掘金上大部分前端开发者在创建新项目会优先选择使用vue2，是出于那些方面的考虑呢？
对于新项目来说，Vue 2的生态已经相对成熟，有大量的插件和库可用，而Vue 3生态目前还在建设中，这也可能是一些开发者选择继续使用Vue 2的原因之一。另外Vue 3相对于Vue 2有较大的改动，因此学习成本相对较高，而目前的Vue 3学习资源和文档相对较少，这可能会让一些开发者望而却步。
下表是Vue 3和Vue 2的主要区别对比：
| 特性 | Vue 3 | Vue 2 |
|---|---|---|
| 响应式系统 | 采用Proxy实现，性能更好 | 采用Object.defineProperty实现 |
| 组合式API | 新增了setup()函数，可以更灵活地组织组件逻辑 | 采用Options API，组件逻辑不够清晰 |
| Teleport | 可以让组件在DOM层级外渲染 | 无 |
| Suspense | 可以优雅地处理异步组件和动态组件的加载状态 | 无 |
| 静态树提升 | 通过静态分析优化了模板渲染性能 | 无 |
| 更好的TypeScript支持 | 提供了更好的TypeScript类型声明和支持 | 类型声明和支持欠缺 |
| 性能优化 | 优化了渲染性能，如缓存事件处理函数等 | 性能相对较差 |
Vue3现状：
- vue-next 2020年09月18日，正式发布vue3.0
- 版本。但是由于刚发布周边生态不支持，大多数开发者处于观望。
- 现在主流组件库都已经发布了支持vue3.0的版本，其他生态也在不断地完善中，这是趋势。
-
- element-plus 基于 Vue 3.0 的桌面端组件库
- vant vant3.0版本，有赞前端团队开源移动端组件库
- ant-design-vue Ant Design Vue 2.0版本，社区根据蚂蚁 ant design 开发
Vue3优点：
- 最火框架，它是国内最火的前端框架之一，官方文档 中文文档
- 性能提升，运行速度事vue2.x
- 的1.5倍左右
- 体积更小，按需编译体积比vue2.x要更小
- 类型推断，更好的支持Ts（typescript）这个也是趋势
- 高级给予，暴露了更底层的API和提供更先进的内置组件
- ★组合API (composition api) ，能够更好的组织逻辑，封装逻辑，复用逻辑
Vue3展望：
- 这是趋势，越来越多的企业将来肯定会升级到Vue3.0
- 大型项目，由于对Ts的友好越来越多大型项目可以用Vue3.0
二、Vue入门学什么
Vue应该学习的内容如下：
-
- 掌握 webpack 工程化的开发模式；
-
- 掌握 Vue 常用的指令；
-
- 掌握如何使用 vue-cli快速创建工程化的 Vue 项目；
-
- 掌握 SFC 单文件组件的各种详细用法；
-
- 掌握如何实现组件之间的数据共享；
-
- 掌握 Vue 项目中如何正确配置和使用 axios；
-
- 掌握自定义指令、过滤器、插槽的使用；
-
- 掌握 vue-router的使用；
-
- 掌握 vue-devtools调试工具的使用；
-
- 掌握 ref、动态组件、$nextTick 的使用；
-
- 掌握 Vant、Element-UI 组件库的使用；
-
- 能够使用 Vue 实现企业级项目的开发。
入门应该掌握的内容是：
- 能够知道vue的基本使用步骤
- 掌握插值表达式和v-bind指令的用法
- 能够掌握如何使用v-on指令绑定事件
- 能够使用v-model指令实现数据的双向绑定
- 能够使用v-if和v-else指令实现条件渲染
- 能够使用v-for指令实现列表数据的循环渲染
高效的学习方式为看课程——>做demo——>无论大小的实战——>项目源码——>总结心得。
三、Vue怎么学？
基础学习： 如果能看进去官方文档就直接看文档学习，尤其VUE 3.0对我们太友好了，中文文档+最佳实践都很友好。看不进去就找一套教程看课，跟着老师走一遍，也可以快速建立对框架的认识。（建议搭配着学是最好的）
学习内容：组件、路由、管理状态、查找&显示、Auth App、CRUD App
项目驱动：在这个阶段中，可以从零开发一个完整的项目，从项目配置到组件拆分，到项目打包和上线的完整流程，还可以重新认识一些底层源码级知识。
最后将自己的项目好好完善一下，或者是GitHub上面找到一套自己感兴趣的项目。基本上就可以找工作了，毕竟各个企业招聘实习生还是比较宽容的。
