動態顯示簡介

  • 1 分鐘

當您要建立以資料為基礎的頁面時，您可能需要根據特定值變更顯示。 或者，您可能想要在陣列中顯示多個項目。

藉由使用 Vue.js，您可以透過指示詞來執行這些動作。 這麼做可讓您使用 HTML 來控制輸出，而這對許多網頁程式開發人員來說都很自然。

在此課程模組中，您將探索如何顯示陣列中的項目，以及如何實作條件式顯示邏輯。

目標

完成此課程模組之後，您將了解如何：

  • 轉譯陣列中的所有項目。
  • 根據變數值顯示或隱藏 HTML 元素。
  • 在 Vue.js 中使用 if、else、和 else-if 陳述式。

必要條件