🖥

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

2023/09/01に公開

とりあえず動いている
カウントアップする時には 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>


動作例

image
image

チャットメンバー募集

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

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2023-01-09

Discussion