在前端開發中，數據的展示是非常重要的一環。其中，Vue.js 作為一款流行的前端框架，其數據綁定與渲染機制的使用尤為頻繁。

Vue.js 中的數據展示可以使用 v-for 指令來實現逐條顯示。v-for 可以對數組進行遍歷渲染，以便將其中的數據展示出來。可以利用 v-for 渲染數組，將數組中的每個數據都當做一個 item，然后在模板中使用 item 就可以逐條顯示數據。

{{ item }}

上面的示例中，v-for 指令在 div 標簽上，它的參數是 item in list，其中 item 為數組中的每個元素，而 list 則是該數組的名稱。模板中的 {{ item }} 就是逐條渲染數組中的數據。

如果數組中的元素是一個對象，則可以使用對象的屬性進行綁定。示例如下：

{{ item.name }}
{{ item.age }}

在上面的示例中，v-for 指令依然遍歷 list 數組。模板中的 item.name 和 item.age 代表了數組中對象的屬性。

此外，v-for 還提供了一個索引參數，可以用于獲取當前遍歷的元素的索引值。示例如下：

{{ index }}. {{ item }}

在上面的示例中，v-for 指令的參數除了 item 還有 index，表示當前元素的索引值。{{ index }}. {{ item }} 就會逐條渲染數組中的數據和對應的索引值。

還可以將逐條渲染的數據進行分組。在 v-for 指令中使用 v-if 條件語句，就可以將數據進行分組，從而在界面上呈現不同的樣式。示例如下：

{{ item.title }}
{{ item.content }}

在上面的示例中，v-if 判斷是否有 title 屬性，如果有，則渲染 h3 標題，否則只渲染 content 屬性。

除了以上的常見應用場景，Vue.js 中還有更多的高級用法，可以讓數據的逐條渲染更加靈活。在開發過程中，可以根據具體需求進行選擇合適的 API，來滿足數據展示的需求。