Vue是一個流行的JavaScript框架，它可以用于構建單頁應用程序。單頁應用程序通常包含許多列表和表單，其中包括復選框列表。Vue使得復選框列表變得容易，本文將介紹如何使用Vue創建復選框列表。

首先，我們需要創建一個Vue實例，通過data屬性來初始化復選框列表：

new Vue({
el: '#app',
data: {
fruits: [
{ name: '蘋果', selected: false },
{ name: '香蕉', selected: false },
{ name: '橙子', selected: false },
{ name: '草莓', selected: false }
]
}
})

在上面的示例中，我們定義了一個數組fruits，它包含4個對象。每個對象有一個name屬性（名稱）和一個selected屬性（是否選中）。初始狀態下，所有的復選框都未選中。

接下來，我們需要使用v-for指令來渲染復選框列表：

<ul>
<li v-for="fruit in fruits">
<label>
<input type="checkbox" v-model="fruit.selected">
{{ fruit.name }}
</label>
</li>
</ul>

在上面的示例中，我們使用v-for指令對fruits數組進行迭代。在每一次迭代中，我們創建一個標簽，并為每個水果對象渲染一個復選框，同時使用v-model指令將selected屬性綁定到復選框的狀態上。最后，我們將水果名稱顯示在標簽中。

現在，我們已經成功地創建了一個具有復選框列表的Vue應用程序。使用這種方法，我們可以輕松地管理選項，并根據用戶的選擇動態更新界面。