使用 Vue.js 邁出第一步

中級
開發人員
學生
Azure 靜態 Web 應用程式

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 中建立可重複使用的元件。