More than 1 year has passed since last update.

[vue3] computedのgetter, setterの書き方

Vue.js
Vue3

Last updated at 2023-01-30Posted at 2022-10-13

結論

vue3の場合は以下の書き方でできる

<script setup>
const props = defineProps<{
  item: string
}>
const emit = defineEmits(['changeItem'])
const computedItem = computed({
  get: () => props.item.value,
  set: (value) => emit('changeItem', value)
})
</script>

参考

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up