0👍
Figured it out, kind of. When you bind an todo in the v-for loop, you have to define each passed down value in the child component props in order to access it. Answer below
single component
<script>
export default {
props: ["todo", 'completion', 'id'],
};
</script>
Source:stackexchange.com