在Vue中，當(dāng)我們處理待辦事項(xiàng)列表的時(shí)候，經(jīng)常需要用到completed屬性來(lái)表示一個(gè)任務(wù)是否已經(jīng)完成。completed可以是true或false，true表示任務(wù)已完成，false則表示任務(wù)未完成。

下面是一個(gè)簡(jiǎn)單的待辦事項(xiàng)列表示例，包含了completed屬性：

<div id="app">
<ul>
<li v-for="todo in todos" :key="todo.id">
<input type="checkbox" v-model="todo.completed">
<span :class="{completed: todo.completed}">{{ todo.text }}</span>
</li>
</ul>
</div>
<script>
new Vue({
el: "#app",
data: {
todos: [
{ id: 1, text: "學(xué)習(xí)Vue", completed: false },
{ id: 2, text: "編寫代碼", completed: true },
{ id: 3, text: "發(fā)布應(yīng)用程序", completed: false }
]
}
});
</script>

在上面的代碼中，v-model綁定了checkbox的值，即todo.completed屬性。當(dāng)用戶勾選或取消勾選checkbox時(shí)，對(duì)應(yīng)的todo.completed屬性的值也會(huì)相應(yīng)地改變。

在span標(biāo)簽中，使用了computed屬性來(lái)根據(jù)todo.completed屬性的值來(lái)動(dòng)態(tài)地添加或刪除completed類，使已完成的任務(wù)在頁(yè)面上有一個(gè)特殊的樣式。

總而言之，Vue中的completed屬性用于表示待辦事項(xiàng)是否已完成，可以通過(guò)綁定v-model或computed屬性來(lái)完成相應(yīng)的操作和樣式效果。