至急（解決もとみます。Vue.js）

Question

Vue.component('todo-item', {
  props: ['item','id'],
  template: 
  <li>
  <input type="checkbox" v-model="item.isChecked">

  <input type="text" v-model="item.title"
  v-on:keyup.enter="editTodo(id)" v-bind:disabled="item.isChecked"
  v-bind:class="{done:item.isChecked}" class="frame">
<p>{{id}}</p>
  <button v-on:click="onclick" v-on:delete="deleteTodo">削除</button>★
  </li>
  ,
  methods: {
    onclick: function () {
      this.$emit('delete',this.id);
    }
  },
});

↑は子コンポーネントで
★の行の deleteTodo を親コンポーネントに渡したいんやが ReferenceError: deleteTodoで渡されないのですけどわかりますか？

Comments

[gentaro]

「もとみます」なんて日本語の間違いをするぐらいだから、きっと小学生ぐらいのお子ちゃまだとは思うけど、お父さんかお母さんにこれを読んでもらおうね。
https://teratail.com/help/question-tips
https://teratail.com/help/avoid-asking