Vue/Nuxt Composition API의 Watch Props

Nuxt3 또는 Vue3 CompositionAPI에서 설정 방법 내부의 동적 소품 보기

<script lang="ts" setup>
import { defineProps, watch } from 'vue'

const prop = defineProps({
  value: { default: '', type: [String, Number] },
})

watch(
  () => prop.value,
  () => {
    console.log('prop value changed', prop.value)
  }
)
</script>

<template>
  <div>{{ value }}</div>
</template>

좋은 웹페이지 즐겨찾기