Setting a checkbox as checked with Vue.js

Question

I have been googling and playing with every combination I know but I cannot get my checkboxes to be initialised as checked.

Example:

Answer 1

I had similar requirements but I didn't want to use v-model to have the state in the parent component. Then I got this to work:

To pass down the value from the parent, I made a small change on this and it works.