月薪80K前端大佬笔记学习vue的心得，网友：两个字“完美”！

废话很少说了，咱们开始吧！

首先介绍下，我是如何学习vue的，我学习vue以前，作过哪些思考？

1.vue技术刚出来的时候，我第一眼会问，vue是什么？这个框架要干吗？

2.没有vue这个框架，咱们以前是怎么作的，咱们遇到了哪些糟心的问题？

3.怎么学习更有效呢，怎么快速掌握它，而后用它来干活？

当有了如上思考后，咱们学习来就有的放矢，效率倍增了，比迷迷糊糊的学习要好至少10倍。你们先跟着个人思路走，最后能够本身总结，概括，输出。

第一个问题：vue是什么？能作什么？

官网介绍vue是一个渐进式框架。怎么理解这个渐进式框架呢，通过本身理解和在网上查阅资料，我的简单理解是，一，你能够把他做为一个js库使用，就和咱们引入jquery同样，用里面的一些功能；二 你能够在构建新的项目时所有都是用这个框架提供的功能来构建。用场景说明更好理解

场景1：

若是你的技术团队技术选型比较保守，没有新技术的使用场景，好比让你去维护一个管理后台。管理后台，平常就是提交各类表单了，这部分现有的方案，好比form表单提交或者jquery收集信息ajax提交。这时候你能够把vue 当成一个js库来使用，就用来收集form表单，和表单验证。

场景2：

在场景1中，你尝到了甜头。心中暗爽，还能够这么玩嘞。独乐乐不如众乐乐和你们分享以后，团队开始接受使用vue，小规模推广起来。打怪升级该遇小boss啦，领导说，小伙后台作的愈来愈有效率了，来承担些常规业务开发，来正规军编制和其余小伙伴一块儿作新闻列表和新闻详情页吧。

在这个项目中，你跟大胆一点把 整个页面的dom 用Vue 来管理，你发现jquery 没什么用了，列表用v-for来循环，把评论抽成小组件了。 评论交互比较复杂，可是你的关注点把原来jquery dom操做变成了关注数据的变化，用数据驱动DOM的变化。

场景3:

经历了场景1 场景2，愈来愈受你们信赖，领导又找你了。你看新闻项目你作的不错，移动站也得重构了，你作个移动端m站吧，正好微信和App分享出去用到。这时候，你须要在作移动端webapp了。 因而你由去了解 webpack vue-router，你发现前端 能够控制路由了。webpack，能够用于前端开发的工程构建。

场景4:

场景3以后你在技术团队大放异彩，公司愈来愈器重你。年底领导又来找你了，小伙砸，想不想拿年终奖啊，想的话给我作个新闻直播间吧。需求特别简单：就是滚动播报新闻，用户实时参与评论。有了场景3和以前的经验，发现稍微有点力不从心了，你和后端的接口沟通上愈来愈频繁，新闻直播间须要大量的数据在组件中共享数据，后来你发现了，vuex 处理数据在组件之间的流动驾轻就熟。

场景5:年终奖，拿到手了，过年回来升职加薪。带了20人的前端团队，你的精力开始在配合公司其余部门作用户数据增加了。发现场景2中你犯了个错误，虽然整个页面用Vue 管理 开发起来很方便，可是页面白屏时间长，并且相似这样的底层页对seo都很差。开始考虑使用 vue2.0的SSR。为了保障团队高质量的输出，你开始研究如何给 vm写单测…

场景1-5 从最初的只因多看你一眼而用了前端js库，一直到最后的大型项目解决方案。

第二个问题：没有vue的时候，咱们单页面两种方式 1.使用iframe加载页面片断 2.使用ajax请求页面片断。二者共同问题是 里面的js逻辑很差处理，id名字重复，代码写的不规范。vue 则没有这种问题

第三个问题：1.边理解，边写代码，边看效果，在继续理解，而后写笔记，输出本身的理解。

vue 大多数状况下是用来开发单页面应用程序，并非说只能开发单页面应用程序。

若是公司没有seo需求，都是可使用vue进行系统构建。移动站点，后台管理系统特别适合用vue来开发。

最后以上就是笔者分享进阶架构师学习线路，分享了一波进阶线路图谱，那么资源确定也是少不了的，若是你对技术提高很感兴趣，小编在这里提供了一份针对上面导图的架构进阶视频资料，资源分享包括但不限于（分布式架构、高可扩展、高性能、高并 发、Jvm性能调优、Spring，MyBatis，Nginx源码分析，Redis，ActiveMQ、、Mycat、Netty、Kafka、Mysql 、Zookeeper、Tomcat、Docker、Dubbo、Nginx）。

资料领取方式：私聊笔者免费领取资料！