#vue https://v3.vuejs.org/guide/composition-api-introduction.html#basics-of-composition-api ## TypeScript `computed`を使う。 **template内ではなくsetup関数内で値を再利用するときは`.value`が必要** ```ts import { defineComponent, computed, } from "@vue/composition-api"; export default defineComponent({ setup() { const message = computed(() => propsやstateの値を使って値を返す); // 中略 return { message, } } ``` ```vue <template> {{ message }} </template> ```