mirror of https://github.com/nuxt/nuxt.git
20 lines
443 B
Vue
20 lines
443 B
Vue
|
<script setup>
|
||
|
|
const ctr = ref(0)
|
||
|
|
const { data, pending, refresh } = await useAsyncData('/api/hello', () => $fetch(`/api/hello/${ctr.value}`), { watch: [ctr] })
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
{{ data }}
|
||
|
|
<div class="flex justify-center gap-2">
|
||
|
|
<NButton :disabled="pending" @click="ctr++">
|
||
|
|
+
|
||
|
|
</NButton>
|
||
|
|
<NButton :disabled="pending" @click="refresh">
|
||
|
|
⟳
|
||
|
|
</NButton>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|