Как вывести список отмеченных чекбоксов в vue?

Question

[r_g_b_a]

Здравствуйте.
Есть чекбоксы https://jsfiddle.net/c87xnem4/ Я хочу отдельно вывести списком только те из них, которые отмечены. Первая же мысль была использовать одновременно v-for и v-if, но в документации сказано, что этого делать не стоит, а нужно создать новое вычисляемое свойство, которое будет возвращать отфильтрованный список. Подскажите, как это делается?

Answer 1

[0xD34F]

computed: {
  done() {
    return this.todos.filter(n => n.done);
  },
},

<ol v-if="done.length">
  <li v-for="n in done" v-text="n.text"></li>
</ol>