在Vue中，當我們處理待辦事項列表的時候，經常需要用到completed屬性來表示一個任務是否已經完成。completed可以是true或false，true表示任務已完成，false則表示任務未完成。

下面是一個簡單的待辦事項列表示例，包含了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: "學習Vue", completed: false },
{ id: 2, text: "編寫代碼", completed: true },
{ id: 3, text: "發布應用程序", completed: false }
]
}
});
</script>

在上面的代碼中，v-model綁定了checkbox的值，即todo.completed屬性。當用戶勾選或取消勾選checkbox時，對應的todo.completed屬性的值也會相應地改變。

在span標簽中，使用了computed屬性來根據todo.completed屬性的值來動態地添加或刪除completed類，使已完成的任務在頁面上有一個特殊的樣式。

總而言之，Vue中的completed屬性用于表示待辦事項是否已完成，可以通過綁定v-model或computed屬性來完成相應的操作和樣式效果。