<テンプレート>
<div>
<フォームの@ submit.prevent = "addTodo">
<入力V-モデルは=「タイトル」タイプ=「テキスト」名前=「タイトル」プレースホルダ=「に-DO追加してください...」>
<input type = "提出" 値= "添加" クラス= "BTN">
</フォーム>
</ div>
</テンプレート>
<スクリプト>
/ * *モジュール組み込まNPM /
「UUID」からインポートUUID
輸出のデフォルト{
名前：「AddTodos」
データ（）{
{戻ります
タイトル：''、
}
}、
方法：{
追加 - Todo（）{
CONST newTodo = {
ID：
uuid.v4（）
、
タイトル：this.title、
完了：偽
}
console.log（newTodo）。
/ *親によってトリガ、イベントを登録します* /
この。$発する（ 'handleAdd'、newTodo）
this.title = ''
}
}、
}
</ SCRIPT>