使用 Vue.js 邁出第一步
Vue.js 是漸進式的網頁架構,新增 script
指令碼標籤即可讓開發人員快速啟動並執行。 不過,Vue.js 也可以隨著您成長,也可以用來建立可調整規模的大型應用程式。
在此學習路徑中,您將會:
- 探索 Vue.js 的核心概念。
- 練習顯示清單和條件式資料。
- 使用表單和事件。
- 使用 Vue CLI 建立元件。
必要條件
HTML/CSS、Git、npm 和 JavaScript
成就代碼
您要請求成就代碼嗎?
此學習路徑中的課程模組
Vue.js 是漸進式的 web 架構,可讓開發人員快速啟動並執行,只需新增指令碼標籤即可。 但 Vue.js 也可以隨您成長。 您可以將其用來建立可調整規模的大型應用程式。 在本課程模組中,您將探索 Vue.js 的核心概念,以及如何開始使用。
任何 Web 架構的其中一個目標,就是根據資料值來更新顯示。 此課程模組會探索如何根據這些值讓您的頁面變成動態,以及如何顯示資訊的清單。
動態 Web 應用程式通常能讓使用者與頁面和資料互動。 在本課程模組中,您將了解如何新增表單至 Vue.js 頁面,以及回應使用者事件。 您也將了解如何加入可根據資料更新來運算的計算值。
即便純粹使用 JavaScript 來建立 Vue.js 應用程式是可行的,但多數開發人員都需要更高的功能和彈性。 藉由使用 Vue CLI 和單一檔案元件,您可以利用更健全的工具來增強開發體驗。 我們將了解如何使用 Vue CLI 來啟動應用程式,以及如何在 Vue 中建立可重複使用的元件。