在Vue中，列表的遍歷是非常常見并且非常重要的。當我們需要通過Vue來循環(huán)渲染一個列表時，Vue給我們提供了非常方便的指令——v-for。

v-for指令可以很好地幫助我們遍歷數(shù)據(jù)源并渲染列表項。其基本語法為：v-for="item in items"，其中item是一個代表列表項的變量名，items是一個代表數(shù)據(jù)源的數(shù)組。每次遍歷都會將數(shù)組中的一項賦值給item，然后再根據(jù)item來渲染列表項。

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

在上面的例子中，我們用v-for遍歷items數(shù)組，并渲染出一個無序列表。在每次遍歷的過程中，Vue都會將items中的一項賦值給item，然后將item渲染到模板中的li標簽里。

但是，有時候我們需要根據(jù)不同的數(shù)據(jù)來渲染不同的列表項，這時候就需要對遍歷過程進行條件判斷。在v-for的基礎上，Vue還可以通過v-if指令來為每個列表項設置條件判斷語句。

<ul>
<li v-for="item in items" v-if="item.name === 'John'">{{ item.name }}</li>
</ul>

在上面的例子中，我們對每個列表項都進行了條件判斷。只有當item的name等于'John'時，該列表項才會被渲染到模板中。

此外，我們還可以通過v-show指令來控制列表項的顯示與隱藏。與v-if不同的是，v-show只是將列表項的display屬性設置為none，而不會從DOM中移除該元素。因此，當數(shù)據(jù)不滿足條件時，該列表項仍然會被渲染到模板中。

<ul>
<li v-for="item in items" v-show="item.age > 18">{{ item.name }}</li>
</ul>

在上面的例子中，我們對每個列表項都進行了條件判斷。只有當item的age大于18時，該列表項才會顯示出來。

總結來說，Vue的列表遍歷和條件判斷非常方便易用，我們可以通過v-for、v-if和v-show指令來靈活地控制列表項的渲染和顯示。