Vue学习的一些杂谈与经验

《Vue学习的一些杂谈与经验》首发牧码人博客转发请加此提示

Vue学习的一些杂谈与经验

题外话

自从Vue初印象更新以后，Vue相关的文章便再也没更新了。主要是我感觉Vue的文档比我写的要详细多了，而且本来也不是专业前端也给不了啥建议。其实代码真是一通百通，前端的学习写到最后，复杂的便只剩下Css跟Js了。

1.何为Vue

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

2.Vue的历史

Ø 2013年，在Google工作的尤雨溪，受到Angular的启发，从中提取自己所喜欢的部分，开发出了一款轻量框架，最初命名为Seed。

Ø 同年12月，这粒种子发芽了，更名为Vue，版本号是0.6.0。

Ø 2014.01.24，Vue正式对外发布，版本号是0.8.0。

Ø 发布于2014.02.25的0.9.0，有了自己的代号：Animatrix，这个名字来自动画版的《骇客帝国》，此后，重要的版本都会有自己的代号。

Ø 0.12.0发布于2015.06.13，代号Dragon Ball（龙珠），这一年，Vue迎来了大爆发，Laravel 社区（一款流行的 PHP 框架的社区）首次使用 Vue（我也是在这个论坛上认识Vue的），Vue在JS社区也打响了知名度。

Ø 1.0.0 Evangelion（新世纪福音战士）是Vue历史上的第一个里程碑。同年，vue-router（2015-08-18）、vuex（2015-11-28）、vue-cli（2015-12-27）相继发布，标志着 Vue从一个视图层库发展为一个渐进式框架。很多前端同学也是从这个版本开始成为Vue的用户。

Ø 2.0.0 Ghost in the Shell（攻壳机动队）是第二个重要的里程碑，它吸收了React的Virtual Dom方案，还支持服务端渲染。

Ø 就在不久前，Vue发布了2.6.0 Macross（超时空要塞），这是一个承前启后的版本，因为在它之后，3.0.0也呼之欲出了。

3.关于学vue我有话说

进入新公司以来，我从一开始对vue一知半解，到现在使用vue也算是游刃有余了。其实学习代码没有啥捷径就是多看多练。会抄了你就成功一大半了。以下是我学习vue的一点点建议。

• 掌握Vue的基本语法

一些基本语法还是要会的，比如如何绑定对象，如何判断dom元素的显隐，如何便利list集合，如何如果渲染数据等等。这些东西在Vue的官方文档都写的很详尽。要去看。

• 思想上的转变，享受数据绑定带来的便利

Vue页面的渲染是双向绑定的，当你的数据改变了，页面也会实时响应。当然因为是双向绑定，如果你的表单绑定数据，当你绑定的输入框改变了值。你所绑定的数据对象也会改变值。在于Vue的开发中，你应该抛弃掉直接操作dom元素的想法。

• 理解Vue程序的生命周期

关于Vue的生命周期钩子，大家可能使用最多的就是created钩子。但其实一个Vue应用是给大家提供了很多钩子的。当然可能你的开发过程并不一定使用了。但是我们还是得多了解。当你解决一些乱七八糟的bug时，你便会使用到它们了。

• 掌握组件化开发

组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树。通常一个首页从上往下分一般分为Head组件，Footer组件，Content组件。其中Head组件，Footer组件是通用的,一直在变化的是Content。所以学会组件化开发是很有必要的。因为你的业务需求肯定有很多通用的东西。如果你想减少你的代码量，让你的代码可读性更强。那么你就必须学会组件化开发。

学会以上几点，应付你的平常工作内容，那是绝对没问题了，当然你想了解更多方面前端的东西，那么Vue也提供了其它一些特性，生态。比如vue-router，vuex等。想知道详情，请看官方文档介绍。

4.总结

学习任何技术，不要怕，任何技术的诞生都是为了解决问题而出来的。就拿Vue来说，也是为了提升开发效率，降低框架作为工具的复杂度而生的。初衷都是让天下没有难写的代码。