前言 | vue cli書
(opensnewwindow)[1]為什麼要寫這本書說起Vue.js,我接觸它的時間不算太長,大約是從2015年左右開始的,幸好Vue.js發展的時間至今也不算太長。當時工作上主要使用的前端技術,仍大多圍繞在jQuery與AngularJS(v1)。jQuery我想大家都很熟悉我就不多說,簡單易用是它的特性,但規模一大容易出現義大利麵式程式碼,不好維護是其一大缺點。AngularJS當時雖頂著Google的光環出道,後來卻也有版本轉換需要整包打掉重練、難以debug,以及執行效能等等的問題。就在這樣的時空背景下,我開始尋找下個世代的替代方案。後來偶然在PHP社群中看見朋...
(opens new window)[1]
為什麼要寫這本書說起 Vue.js,我接觸它的時間不算太長,大約是從 2015 年左右開始的,幸好 Vue.js 發展的時間至今也不算太長。
當時工作上主要使用的前端技術,仍大多圍繞在 jQuery 與 AngularJS (v1)。 jQuery 我想大家都很熟悉我就不多說,簡單易用是它的特性,但規模一大容易出現義大利麵式程式碼,不好維護是其一大缺點。 AngularJS 當時雖頂著 Google 的光環出道,後來卻也有版本轉換需要整包打掉重練、難以 debug ,以及執行效能等等的問題。
就在這樣的時空背景下,我開始尋找下個世代的替代方案。
後來偶然在 PHP 社群中看見朋友在談論 Vue.js,並且對它讚譽有加,於是我開始試著在小型專案試用。 與其他前端框架相比,Vue.js 有著較低的學習成本,簡單和強大的功能,並且具有很高的可擴展性和靈活性。
有著 AngularJS 應用開發經驗的我,在短時間內就可以快速上手,而且 Vue.js 也確實解決了我的需求,我們能夠在不影響開發速度的情況下滿足不斷變化的業務需求。 於是我開始向朋友們推廣這套前端框架,後來也接下了 Vue.js Taiwan 社群,幾年下來也參與過許多講座、研討會,結交了不少社群好友。
後來 Vue.js 不斷地成長,從早期只被定位在 JavaScript 的工具庫 (library),到如今已經是個成熟且功能強大的前端框架。 雖然 Vue.js 的官方文件已經寫得相當詳細,但仍有不少朋友對 Vue 3.0 有些疑慮或誤解,這讓我覺得是時候將這幾年的開發與教學心得記錄下來, 希望有助於各位在學習、體驗 Vue.js 這套前端框架的時候,能夠少走許多岔路。
本書使用的版本由於 Vue.js 官方團隊已在 2020/09/18 正式發佈 Vue 3.0 版本, 所以本書內容會以 Vue 3.0 為主, Vue.js 2.x 的部分將作為補充說明,使讀者理解版本演進之脈絡。
為了確保避免開發環境造成執行的差異,這裡列出本書所採用開發環境版本:
Node 版本: v14.15.3 (LTS: Fermium) NPM 版本: ...