Nuxt3的页面和组件

页面和组件

项目目录

首先我们先看一下项目目录：

j-book
├── node_modules
├── public
│   └── favicon.ico
├── app.vue
├── nuxt.config.ts //Nuxt3 项目的配置文件，可以修改路由配置，添加模块，设置构建配置等。
├── package-lock.json
├── package.json
├── tsconfig.json //ts配置
├── README.md
└── yarn.lock

初始目录很简单

页面pages

在 Nuxt3 中，页面是指应用程序中的路由页面，这些页面可以被搜索引擎索引并直接通过 URL 访问。页面由 Vue 组件构成，并且可以在 pages/ 目录下创建。

例如，如果你想要创建一个名为 about 的页面，可以在pages/目录下创建一个名为 about.vue 的文件：

<template>
    <div