Nuxt3 (Vue) – ボタンをクリックするカウンタの例

とりあえず動いている
カウントアップする時には count ではなく count.value をインクリメントする必要がありそうだが、まだ良くわかっていない

コード例

<template>
  <div>
    <p>{{ count }}</p>
  </div>
  <button @click="countUp">Count</button>
</template>

<script setup lang="ts">
let count = ref(0);
const countUp = (): number => {
  return count.value++;
};
</script>

動作例

チャットメンバー募集

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

Twitter