vue初学分享

学习vue的过程和初衷

  第一次写微博，感觉怪怪的。
  博主毕业以后根据爱好，选择了游戏程序开发，愉快的加班生活随之开始。虽然加班很累，但是一群年轻人在一起还是很快乐的。但是结婚以后，特别是有了孩子之后，家人对博主加班的怨念就越来越深了。最后在家人的支持下，转行互联网了。随后找了一家java的培训机构，学习了大半年。
  博主转行第一家公司是一个国企。朝九晚五的生活真是太美妙了。国企的项目开发本来就慢，后端的任务更是少的可怜。一边看书自学，一边写写接口，晃晃悠悠一年多就过去了。经过一段离奇曲折的经历，博主离职了。
  面试几次，结果都不太满意。博主决定提升自己。
  对比了前端的几款框架以后，选择了vue。其实最主要的原因是vue有中文文档，哈哈 按照文档要求学习了html，javaScript，css等等基础知识，又根据vue的教程练习了一遍，大概花了一个半月的时间。博主惊奇的发现，自己完全不知道app页面如何开发。随后博主陷入困惑。最后在老婆大人的帮助下，联系了同事，给我进行了专项辅导。

下面这些算是博主学习的过程，给新手们分享一下吧：

基础部分

html基础
前端页面的基础部分，主要是html，css，javaScript的学习。

vue官方文档
初步了解vue，特别是组件的思想。个人的理解是和java面向对象的思想类似，就是把组件对象化，一个组件就是一个对象。

上面提到的都是基础知识，一定要啃一遍。虽然枯燥，坚持一下就好。让自己有个印象，遇到问题回来查文档，总比在网上盲目的找要好得多。

实践部分

慕课网
搜索关键字：饿了么

  先说明这个视频教程是付费的！
  这个就是博主自学vue的关键部分了。这个视频课程解决了博主学习基础知识以后的困惑，让你知道如何通过学过的知识，来设计一个app页面。所有的代码都是一行一行敲出来的，而且会解释产生问题的原因（包括编译，打包工具等等）。不是那种把源码给你，然后按着代码讲解。这个课程会有两个版本：

vue 1.0+

  最基础手把手教学的版本。除了滚动条，没有引用其他的组件。全部是用vue的基础知识编写的。一定要跟着写一遍。
注意：2.0 干掉了很多 1.0 中的的特性。用vue2.0的版本，学习视频的时候多看官方文档，文档里有针对1.0升级到2.0的注意事项

vue 2.0+

  最新版本。 对1.0的升级版本，引用了cube-ui，使用vue的新版本特性。这个 版本博主也没学习，是后续的学习目标。

后续学习

  博主目前也是仅仅看完了1.0的视频课程。接下来准备自己独立把视频的app页面写出来。感觉会困难重重啊，遇到的坑也会分享出来。搞完1.0，继续2.0，哇哈哈。

开发系统：macOS 10.13.6
开发工具：HBuilderX，photoshop

最后要感谢老婆大人的鼓励和支持，能让我离职在家安心学习。
顺便说下，一个人学习真的很枯燥，很枯燥，很枯燥。
没法忍受寂寞，还是找个培训班吧。

感谢 璐璐 对我的指导。学习的方向和方法真的很重要，珍惜那些帮助过你的朋友吧！

有兴趣可以看看 璐璐 的微博，里面都是干货。