[聚合文章] 关于本新手使用vue后的一些反思

本人是一个刚毕业半年多的前端小白，进公司工作的时候，由于公司的前端技术还没定下来，所以在做项目的时候我是自由发挥。由于vue具有上手快，开发效率高的特点，所以，我在做项目时候，便选择了vue作为技术栈，由于是第一次使用bootstrap加jQuery以外的技术栈，所以以下是在完成项目的过程中，对vue使用方面认识不到或不足的反思。

1.首先，新手使用vue最常见的失误，就是DOM操作，而vue的双向数据绑定，恰恰让我们其实不需要进行繁琐的DOM操作，我们只需要关心数据层面就可以了。想想自己最开始获取input还是用什么document.getElementById('id').value这种，就觉得自己很傻，明明只需要v-model绑定data就好了，唉~

2.以为vue只能用于开发SPA。直到看到尤大神在知乎上回答的：不一定做个项目就非得cli一个全家桶，vue也不是为单页面而生的。我才知道，vue的运用方式，我仅仅知道冰山一角，如何能灵活根据自己的需求使用开发，还需自己日后的多多成长。

3.组件化思想。起初一开始，觉得别人的UI框架都写好了，就直接拿来用。当然这么做并没有什么问题。但是，当我发现我每个页面几乎都有几段相同的代码，或者都需要用到这个UI框架的组件，比如面包屑，比如导航菜单，那我干嘛不把这么UI框架做成单独的组件呢？

4.路由懒加载。当我的项目打包后，运行，初次加载慢的飞起。这让我很头疼，这样光有开发速度有什么用，用户体验肯定是不好的。我查了下打包后的dist文件夹，我去，好几兆。所以，难道要我重新选择其他技术栈再开发一次。当然是不可能了。在网上查了资料后，终于知道了路由懒加载这个方法。使用路由懒加载后，webpack会把原来很大的js分解成多个体积较小的js，当我们运行加载行，它会按需加载，这样初次加载过长的问题便解决了。

5.webpack。用到了vue全家桶，便少不了webpack。并不是，你npm run build，就可以安心睡觉去。就比如我在使用video.js时就需要在webpack里面配置（这个搞了我很久，头皮发麻）。webpack是个强大的东西，可以基于webpack做很多的事，比如，引入其他插件，把单页面改成多页面配置，给文件夹配置路径方便书写等等。但，不得不说，这个东西很难学，而且官网说实话对我而言写的并不通俗易懂，那些个插件说明文档就更别提了，能看懂的不到一半。当然也可能是我太菜。要想成长，webpack是我今后必须攻下的难点。

6.最后一个，无关于vue，那便是，遇到问题，先想一想，上网查阅资料，资料看不懂了，再去问别人。这点其实在职场很重要，因为大家都有自己的工作，谁也没有时间和义务去帮你，所以能自己解决的尽量自己解决。

本人小白，不足之处多多指教。