Vue 在前端开发中的火爆程度远超 React 和 Angular ，无论是 BAT 等大厂，还是小型初创公司，Vue 都有着广泛的应用，其相关技术原理也是面试的必考知识点。

 

Vue 的优势太过明显：基于 HTML 的模板语法，响应式的更新机制，可以让我们更快、更高效地开发项目；渐进式的开发理念和繁荣的生态圈，也给大家带来了很多实践体验。

 

小到简单的活动页，大到复杂逻辑的中后台系统，Vue 都能轻松应对，可以说，对任何一个前端工程师来说，掌握 Vue 都是一门“必修课”。

 

但是，想要真正用好 Vue，就没有那么容易了。其实大部分人在学习和使用 Vue 的过程中，都遇到过这么几个的困境：

 

• 概念过多，记不住。属性、事件、插槽、指令、修饰符等等，开发时还要现场翻文档。

• 没能真正理解数据驱动。用各种 hack 方法更改视图，不断给项目挖坑。

• 状态管理的不合理。不知道如何组织 Vue 中的 data、provide、vuex、observable 等等。

• 工程化，大型项目无从下手。有单页面、多页面、前后端分离、mock 联调、构建、打包、单测、持续集成等等，系统掌握很费力。

 

说实话，这些问题我自己也遇到过。这里，分享给你一张 Vue 学习图谱，方便你系统梳理与总结 Vue 知识点。

             

 

这张图谱，出自唐金州，他是一点资讯前端技术专家，曾就职于搜狗、蚂蚁金服等公司。2017 年，他开发了基于 Ant Design 这一设计语言的 Vue 组件库，现已纳入 Ant Design 官方域名，成为蚂蚁金服 Ant Design 官方唯一指定的 Vue 版组件库。

 

去年，我订阅了他的视频课《Vue 开发实战》，课程覆盖了 Vue 各种知识点，从 Vue 基础、到生态、再到项目实战，构建了一个完整的课程体系。跟着学下来，感觉收获很大，帮我少走了不少弯路。

 

特别值得一提的是，3.0 版本发布后，他还会陆续补充新版本的相关知识点，让你能快速享受新版本带来的优势，也是非常与时俱进了。这里，推荐给你。

 

拼团+口令「study2020」立省 40

原价 129，仅限「前 50 人」有效

新人首单 ¥19.9

 

发文前我看了下，目前课程已有 18000+ 订阅了，截了一些评价给你参考：

 

             

 

毫不夸张地说，跟他学完这门课，你不仅能掌握 Vue 的技术应用， 也会深入理解其底层原理，并通过课程里的的实战项目，具备独立负责 Vue 前端项目的能力。

 

趁着这次机会，我再推荐几门让我收获很大的课。现在用口令「study2020」都可在优惠价基础上再减 10 元，仅限「前 50 人」有效。

 

1、重学前端

winter 的这个专栏目前已经 40000+ 订阅了，在这个专栏中，winter 将带你告别零散和盲目的自学，重新学习前端，一起搭建前端知识框架，共同明确学习重点，精进前端技术。跟着学前端，准没问题！ 

双十二特惠+口令「study2020」

立省 ¥40，原价 ¥129

新人首单 ¥19.9

 

2、玩转 Webpack

webpack 凭借着自身社区生态丰富，配置灵活和插件化扩展，官方更新迭代速度快等优点，已成为前端构建领域里最炙手可热的构建工具。腾讯高级工程师程柳锋的这个专栏基于最新版 webpack 4 设计，遵循由浅入深的原则，将内容分为 4 个阶段。跟着学，保证你对 webpack 的掌握可以超过 80% 的前端人，进入一个全新的前端技术栈。

 

双十二特惠+口令「study2020」

立省 ¥30，原价 ¥99

新人首单 ¥19.9

 

再啰嗦一句，以上课程，

结算时用口令「study2020」

都能享「折上折」：优惠基础上再减 10 元。

 

仅限前 50 人有效，点「阅读原文」立即使用????