呼び出し側の記述

refで定義する時に普通に型を当てれば良い

<script setup lang="ts">
type Book = {
  title: string
}

const book = ref<Book>()

</script>

<template>
   <div>{{ book.title }}</div>

  <Book ref="book"/>
</template>

呼びされるComponentの記述例

components/Book.vue

<script lang="ts" setup>
const title = ref('')

defineExpose({
  title,
})
</script>

<template>
  <input v-model="title" />
</template>

参考

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

Twitter