现在是学Vue2还是Vue3？

Posted 2022-05-27 黑马程序员官方

Vue3.0

尤雨溪在受邀参加CSDN《程序员》2.0 第一期内容的时候，已经表明了观点。

《程序员》：Vue 3 版本兼容 2.x，对于想要学习 Vue 的开发者而言，时常在纠结是从 Vue 2 开始学基础还是直接学 Vue 3，对此，你有着什么样的建议？

尤雨溪：直接学 Vue 3 就行了，基础概念是一模一样的。

《程序员》：2020 年 9 月，Vue 3.0 正式发布，这一版本为什么要重头开始写？亦或说重构之后的 Vue 3 解决了此前哪些必须解决的问题？

尤雨溪：重写的主要原因一个是类型系统，一个是内部逻辑分层。Vue 2 项目先基于 javascript，中期加入了 Flow 做类型检查，导致类型覆盖不完整。Flow 本身又破坏性更新频繁，工具链支持也不理想，所以决定转为用 TypeScript 重写。Vue 2 的内部逻辑分层不够清晰，对于长期维护是一个负担，这也是一个不重写就很难彻底改善的问题。

目标：了解vue3现状，以及它的优点，展望它的未来

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

总结： 为什么要学 vue3 ?

• 适应市场学习流行的技术提高提升自己竞争力，给自己加薪。

Vue 3.0 应该怎么学习？

• 1. 掌握 webpack 工程化的开发模式；
• 2. 掌握 Vue 常用的指令；
• 3. 掌握如何使用 vue-cli 快速创建工程化的 Vue 项目；
• 4. 掌握 SFC 单文件组件的各种详细用法；
• 5. 掌握如何实现组件之间的数据共享；
• 6. 掌握 Vue 项目中如何正确配置和使用 axios；
• 7. 掌握自定义指令、过滤器、插槽的使用；
• 8. 掌握 vue-router 的使用；
• 9. 掌握 vue-devtools 调试工具的使用；
• 10. 掌握 ref、动态组件、$nextTick 的使用；
• 11. 掌握 Vant、Element-UI 组件库的使用；
• 12. 能够使用 Vue 实现企业级项目的开发。

换一个角度，如果你已经有前端开发经验了，或者是基础很扎实，你也可以直接在GitHub上找到相关的项目进行学习。

一些相关文档：

Vue 3.0 官方文档(英文) | Vue 3.0 官方文档中文 |

Composition-API手册 | Vuex 4.0 | Vue3 新动态 |

学习资源分享：

2022年前端全套学习资源分享https://zhuanlan.zhihu.com/p/450880163

↑↑这里有相关vue2.0+vue3.0全套课程，欢迎大家跟我一起学vue~↑↑

有关项目学习，大家可以戳上面课程链接，里面有4个案例，保证大家听得懂、写得出，能实践。在学习课程案例结束后，还可以自己找到一些项目。

高效学习方法：看课程 → 了解新特性/语法 → 做demo → 无论大小的实战项目 → 看完善项目的源码 → 自己总结学习心得。

至于课程和语法还有无论大小的实战项目，本套课程都完美包含了。至于大家不知道完善优秀的项目源码去哪里学习。我也为大家找到了：

如何在5天内学会Vue？聊聊我的学习方法！https://blog.csdn.net/zhenghongcs/article/details/105631162?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164973454616782248545452%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=164973454616782248545452&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-1-105631162.142%5Ev7%5Epc_search_result_cache,157%5Ev4%5Econtrol&utm_term=%E9%AB%98%E6%95%88%E5%AD%A6%E4%B9%A0vue&spm=1018.2226.3001.4187

博主在五天内学习了vue，是根据项目进行学习，在学习之前自己看了一遍官方文档。