Vue 3 Composition API を使ってみよう - Qiita

// MyTodo.vue <template> <todo-list v-for="todo in sortTodo" :todo="todo" :key="todo.id" @toggle="toggleTodo" @remove="removeTodo" /> <add-todo @add="addTodo" /> </template> <script lang="ts"> import { computed, defineComponent, reactive, watchEffect, onMounted } from 'vue' import TodoList from '@/components/TodoList.vue' import AddTodo from '@/components/AddTodo.vue' import { fetchTodo } from '@/

[reboot_in]

“refで宣言された値にtemplate以外の場所からアクセスする場合、.valueからアクセスします。 Copied!inputValue.value”

[yarumato]

“以前のVueではthisの制約によりアロー関数の記述が敬遠されていた。Composition APIでは、全てsetupメソッド内に記述する結果、thisが不要になり、アロー関数により記述が可能”