页面和组件
项目目录
首先我们先看一下项目目录:
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
的文件:
<