Vue从零到实战(序)

来源:互联网 发布:遗传算法设计步骤 编辑:程序博客网 时间:2024/06/05 13:23

我本人一直在关注前端的新框架,先说说我学习Vue的初衷。作为一个刚出道的前端开发工程师,最开始写代码的时候大部分用的是原生JavaScript实现的,我记忆力比较好,没事喜欢背W3C的一些关于原生JS的细节,所以在我开始工作的时候,我是不愿意采用jQuery的,因为所有的效果基本上我都能实现并且做到兼容(我们只要求兼容IE9以上)。但是后来CTO看见我还在写原生,他可能对我不是太放心或者觉得这样维护起来成本比较高,因为工作时间长的人一般都是用成熟的框架来开发,这样效率高,维护成本低。

所以后来我自然也成为了jQuery的忠实粉丝,但是长期的使用这个几乎毫无学习成本的框架让我觉得自己不是一个真正的程序员,与我的价值观严重不符。以上所有都只是我个人的想法,仅代表我个人感受。一直在了解前端的MVC框架,之前也想着学Angular.js,但这个框架的学习曲线确实很陡峭,但这并不是我放弃Angular的主要原因,我之所以放弃Angular的原因有两个,一个是他太重了,给人一种成吨的感觉。另一个是每次发布更新都是一个断层式的,我感觉它迟早会被自己作死的。另外为什么不用React,这个怎么说呢,大概是因为Vue是出自中国人之手,有良好的中文文档吧以及它给我的轻量级的感受。(事实证明我的选择是我自己认为正确的)

开始学习Vue的时候,我直接就使用webpack作为脚手架去进行了解了,但是我之前并没有使用过webpack的经验,所以前期在配置这个webpack上就废了九牛二虎之力,各种坑,我把这些坑都记录下来了,在别的文章中会发表出来。虽然我最终也用这种方式写了一点小DEMO,但是我建议前端开发经验不是很丰富的人最好不要从这个开始搞,你要是不够坚强,真的会放弃的。

所以我是用script的方式引入Vue到项目中的,开始肯定要将Vue的文档过一遍的,你不用仔细去弄懂,前面的基础部分你应该好好看看,一些常用的指令,条件渲染,列表渲染,事件处理什么的,自己把上面的指令敲一个个的代码小片段,了解感受一下它的使用场景。但是我猜这些小片段你也许很容易就掌握了,但是要把他们集中在一起使用就会发现自己这也记不住,那也记不住对吧。正常!!!前面不建议看组件,因为现在还是练习上手阶段,写个什么todoList,小购物车啊就OK了。写的时候一定要努力感受这个框架的核心思想,我告诉你们,你们要时刻记住一句话。Vue是一个数据驱动视图的框架,所以你的核心应该是如何处理这些数据,纯逻辑,样式表现就交给Vue吧。时刻记住这句话,边写边感受。然后哪里有指令不会用,不明白,就去翻官方文档。文档确实没有找到再考虑去谷歌,毕竟自己纸上得来总觉浅,你不亲自的趟坑是难以形成深刻印象的,所以通读官方文档,反复的读是非常有必要的。

好了,序就到这里,接下来我会持续更新Vue的学习笔记,那里会贴上代码和实例Demo,欢迎持续关注。

阅读全文
0 0