來自微軟官方的Vue.js 手把手入門教學 | Vue 教學 2020
隨著微軟擁抱開源,微軟官網出現.NET/C#以外的語言教學已不是新鮮事(之前就出過Python教學影片[1]),這回輪到Vue.js了!如果你還不知道Vue.js是什麼,這裡簡單科普一下。Vue.js是當今(2022年)的前端三大框架-VAR(Vue.js、Angular、React)之一。Vue.js雖然沒有原廠撐腰(Angular有Google、React有Facebook),但GithubVue.js專案獲得的星星數曾榮登總排第三(2022九月排名則為第七,React排第九、Angular第44,參考[2])。我心中Vue.js與其他二者最大的差別在於它是「漸進式框架」,可以只在HTML
隨著微軟擁抱開源,微軟官網出現 .NET/C# 以外的語言教學已不是新鮮事(之前就出過 Python 教學影片[1]),這回輪到 Vue.js 了!
如果你還不知道 Vue.js 是什麼,這裡簡單科普一下。
Vue.js 是當今(2022 年)的前端三大框架 - VAR (Vue.js、Angular、React) 之一。Vue.js 雖然沒有原廠撐腰(Angular 有 Google、React 有 Facebook),但 Github Vue.js 專案獲得的星星數曾榮登總排第三 (2022 九月排名則為第七,React 排第九、Angular 第 44,參考[2])。我心中 Vue.js 與其他二者最大的差別在於它是「漸進式框架」,可以只在 HTML <script src="https://i1.wp.com/unpkg.com/vue@next"> 引用它繼續用原本的方式開發網頁。不需為了框架多學一整套開發工具(node.js、npm、webpack...)
Vue.js 尤其適合「覺得 jQuery 已經很 OK,只想再補上 MVVM 改善生活品質」的全端工程師(延伸閱讀:從「鄙視 jQuery」聊起 -技術鄙視從何而來?[3]),Vue.js 是一把超容易上手的輕巧利器;但若以前端開發為職志,想效法 Gmail、Facebook 將網頁技術發揮到淋漓盡致,漸進式框架的 Vue.js 也有複雜且功能強大的玩法,變身需要技巧方能駕御但威力驚人的重兵器。
依據 Stackoverflow 2022 年的開發者調查,Vue.js 目前在 VAR 中排第三,僅落後 Angular 1.5 個百分點,但我個人看好 Vue.js 會超越 Angular。(延伸閱讀:StackOverflow 2022 年度開發者調查 - 前端框架誰稱王?你愛你的程式語言嗎?[4])
微軟 Learn 網站(註:前陣子大改版[5],把官方文件、訓練、認證、QA、程式範例、研討會資料整併成單一入口),有個「使用 Vue.js 邁出第一步[6]」教學,透過實際動手做教你開始用 Vue.js 寫網頁。
這個教學適合已具備 HTML/CSS 跟基本 JavaScript ...