Vue Function API で簡単に view と logic を分離しよう - Qiitaを追記すれば準備完了です。 改変元のソースを用意する 新しい書き方を学ぶには 既存コードの改変がとっつきやすいです。 お決まりの Todo アプリで行きます。まずはテンプレートを用意しましょう。 きみは今まで作った Todo アプリの数をおぼえているか。 <script> export default { data:() => ({ todoList: [], tempTodoName: '', taskId: 0 }), computed: { itemCount() { return this.todoList.length } }, methods: { updateTaskName(name) { this.tempTodoName = name }, addTodoItem() { this.todoList = [ ...this.todoList, { id: this.ta
