How to display a list of checked checkboxes in vue?

Question

Vue.js

Hello.
There are checkboxes https://jsfiddle.net/c87xnem4/ I want to separately list only those that are checked. The first thought was to use v-for and v-if at the same time, but the documentation says that you should not do this, but you need to create a new calculated property that will return a filtered list. Tell me how it's done?

Answer 1

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>