本文是Vue實戰(zhàn)系列的開篇。
Falcon項目地址:https://github.com/thierryxing/Falcon
前言
當(dāng)今前端的世界,知識體系非常繁雜,各種框架多如牛毛,而其中能稱之為優(yōu)秀的卻是鳳毛菱角。因為在我看來:
優(yōu)秀的框架不應(yīng)該給開發(fā)者帶來使用難度,而是提高效率,并恰到好處地提供幫助。
Vue正是這樣的框架,無論你是前端的初學(xué)者還是老手,Vue都非常容易上手,我想這也是其如此流行的原因之一吧。
Vue目前在Github上有超過5萬的star和7千的fork,目前已經(jīng)推出2.3版本。
實戰(zhàn)之前
從16年初開始到現(xiàn)在,我們的前端團隊將Vue作為主框架已經(jīng)有一年多的時間了,而作為前端工程師出身的我,知識體系還停留在遠(yuǎn)古的Prototype和jQuery上,說起來也是一件十分慚愧的事情。
于是我下定決心花一段時間由淺入深地學(xué)習(xí)一下這個目前非常流行的框架,同時惡補一下ES6的知識。
本人一直贊同并踐行一個觀點:
學(xué)習(xí)一項新技術(shù)的最佳途徑就是動手寫一個完整的項目。
因為在這個項目中你將遇到幾乎所有的問題,那么解決這些問題的過程就是你不斷提高,融會貫通的過程。
學(xué)習(xí)Vue也不例外,恰好最近正在計劃為內(nèi)部的自動化平臺Jaguar提供iOS和Android的版本,以方便大家在移動端進(jìn)行使用,那么用Native去寫顯然有些浪費資源,而做一個Hybrid的跨平臺App應(yīng)該是最經(jīng)濟的方式了,所以最終的計劃是將Jaguar進(jìn)行前后端分離,然后在前端使用Vue框架,并使其同時能夠支持瀏覽器,iOS和Android平臺。
為了和Jaguar(美洲豹)相對應(yīng),最終決定給項目取名叫Falcon,即:獵鷹,和Jaguar一樣都是速度飛快的動物。
經(jīng)過一段時間的規(guī)劃和整理,可以預(yù)計出最終的版本大約包含40個左右的頁面,30個左右的組件,這么算來也可以稱之為一個不大不小的項目了。
最終的界面大概如下:
本文集Vue實戰(zhàn)將事無巨細(xì)的記錄我在完成整個項目過程中對Vue的從淺到深理解,遇到的點點滴滴問題,希望可以幫助正在入門或打算嘗試Vue框架的同學(xué)們。