本文是Vue实战系列的开篇。
Falcon项目地址:https://github.com/thierryxing/Falcon
前言
当今前端的世界,知识体系非常繁杂,各种框架多如牛毛,而其中能称之为优秀的却是凤毛菱角。因为在我看来:
优秀的框架不应该给开发者带来使用难度,而是提高效率,并恰到好处地提供帮助。
Vue正是这样的框架,无论你是前端的初学者还是老手,Vue都非常容易上手,我想这也是其如此流行的原因之一吧。
Vue目前在Github上有超过5万的star和7千的fork,目前已经推出2.3版本。
实战之前
从16年初开始到现在,我们的前端团队将Vue作为主框架已经有一年多的时间了,而作为前端工程师出身的我,知识体系还停留在远古的Prototype和jQuery上,说起来也是一件十分惭愧的事情。
于是我下定决心花一段时间由浅入深地学习一下这个目前非常流行的框架,同时恶补一下ES6的知识。
本人一直赞同并践行一个观点:
学习一项新技术的最佳途径就是动手写一个完整的项目。
因为在这个项目中你将遇到几乎所有的问题,那么解决这些问题的过程就是你不断提高,融会贯通的过程。
学习Vue也不例外,恰好最近正在计划为内部的自动化平台Jaguar提供iOS和Android的版本,以方便大家在移动端进行使用,那么用Native去写显然有些浪费资源,而做一个Hybrid的跨平台App应该是最经济的方式了,所以最终的计划是将Jaguar进行前后端分离,然后在前端使用Vue框架,并使其同时能够支持浏览器,iOS和Android平台。
为了和Jaguar(美洲豹)相对应,最终决定给项目取名叫Falcon,即:猎鹰,和Jaguar一样都是速度飞快的动物。
经过一段时间的规划和整理,可以预计出最终的版本大约包含40个左右的页面,30个左右的组件,这么算来也可以称之为一个不大不小的项目了。
最终的界面大概如下:
本文集Vue实战将事无巨细的记录我在完成整个项目过程中对Vue的从浅到深理解,遇到的点点滴滴问题,希望可以帮助正在入门或打算尝试Vue框架的同学们。