上一篇介紹完了v-bind、v-on及v-model的用法，今天會繼續和大家介紹其他常用的 Vue 指令。

v-for

如同大家熟悉的 forEach ，用於迭代陣列或物件中的元素，可以用來渲染列表、表格等。

以下為v-for的基本用法：

<ul>
  <li v-for="item in items">{{ item }}</li>
</ul>

在此範例中，我們使用v-for指令來迭代items數組中的每個項目，然後將每個項目渲染為<li>元素。

我們也可以利用v-for來獲取項目的索引值，如下：

<ul>
  <li v-for="(item, index) in items">{{ index }}: {{ item }}</li>　//index為項目索引值
</ul>

v-if、v-else

v-if為一個條件指令，根據表達式的布林值來決定元素是否渲染到 DOM 中。如果條件為true，則元素會被渲染，反之，則不會被渲染。

v-else 則可與 v-if 一同使用，用於渲染條件為false時的內容。

<div v-if="isShow">成功!</div>
<div v-else>失敗!</div>

v-show

用於根據條件來顯示或隱藏元素，不同於 v-if，v-show僅是使用 CSS 的 display 屬性來切換元素的可見性，而不是添加或移除元素。

簡單來說，v-if不一定會渲染到 DOM，而v-show一定會，所以當要執行切換頻繁的動作時，使用v-show的效能較佳。

<div v-show="isShow">成功!</div>

有一點要特別注意，<template>只能用v-if決定是否出現，不能使用v-show。

結語

今天我們介紹了在撰寫 Vue.js 時非常常用的指令，包括v-for、v-if 以及 v-else。同時，我們也對比了 v-if 和 v-show 兩者之間的區別，相信大家都有更深的了解了吧。

以上就是我們常見的 Vue 指令啦！這些指令都是 Vue.js 中的基本工具，可以讓我們更靈活地操作 DOM 元素，並根據應用程序的需求動態地控制元素的行為和可見性。

當然，Vue.js 還提供了許多其他強大的指令，每個都有其特定的用途。還有很多我自己也還沒有用過，就留給大家需要用到時去研究囉～