Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-01-18 17:35:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: update count example (#743)

Browse Source
This commit is contained in:
Clément Ollivier 2021-10-12 12:21:00 +02:00 committed by GitHub
parent 3bf6bb10fd
commit d09a5531f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/content/3.docs/1.usage/1.data-fetching.md
View File

@ -24,18 +24,21 @@ Under the hood, `defer: false` uses `<Suspense>` to block the loading of the rou
### Example ### Example
```js [server/api/index.ts] ```js [server/api/count.ts]
let counter = 0 let counter = 0
export default () => ++counter export default () => {
counter++
return JSON.stringify(counter)
}
``` ```
```vue [pages/index.vue] ```vue [pages/index.vue]
<script setup> <script setup>
const { data } = await useAsyncData('time', () => $fetch('/api/count')) const { data } = await useAsyncData('count', () => $fetch('/api/count'))
</script> </script>
<template> <template>
Page visits: {{ data.count }} Page visits: {{ data }}
</template> </template>
``` ```