渐进式
Web框架

<script setup lang="ts">
const version = 3
</script>

<template>
  <h1>
    你好 Nuxt {{ version }}!
  </h1>
</template>

<style scoped>
h1 {
  font-size: 3rem;
}
</style>

<template>
  <h1>首页</h1>
  <NuxtLink to="/blog/hello-world">
    前往博客文章
  </NuxtLink>
</template>

<script setup lang="ts">
const { data: page } = await useFetch('/api/cms/home')
</script>

<template>
  <h1>{{ page.title }}</h1>
  <NuxtLink to="/blog/hello-world">
    前往博客文章
  </NuxtLink>
</template>

<script setup>
const message = ref('Nuxt')
const hello = () => sayHello(message.value)
</script>

<template>
  <main>
    <h1>自动导入演示</h1>
    <form @submit.prevent="hello">
      <MyInput v-model="message" />
      <button type="submit">说你好</button>
    </form>
  </main>
</template>

export default defineEventHandler((event) => {
  return {
    message: '你好，世界'
  }
})