有关本新手使用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,这便是,遭受题目,先想一想,上网查看资料,资料看不懂了,再去问人家。那点其实际职场很关键,因为我们都有谈得来的办事,何人也尚无时间和无偿去帮你,所以能友好解决的尽心协调解决。

本身小白,不足之处多多指教。