Nuxt 集成服务器渲染,ui框架等
最后更新于:2022-04-02 03:33:18
[TOC]
> [官网](https://zh.nuxtjs.org/guide/installation)
## 概述
对 page 下的文件进行
## 安装
`yarn create nuxt-app <项目名>`
## 组件目录
组件目录`components`用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件,即这些组件不会像页面组件那样有`asyncData`方法的特性
## 异步数据
开启服务器渲染后,ajax 获取的数据也可在服务器渲染
## 路由
### 基础路由
无需专门的路由配置
`pages `目录
```
pages/
--| user/
-----| index.vue
-----| one.vue
--| index.vue
```
### 动态路由
## 命令
```
nuxt 启动一个热加载的Web服务器(开发模式) localhost:3000。
nuxt build 利用webpack编译应用,压缩JS和CSS资源(发布用)。
nuxt start 以生产模式启动一个Web服务器 (nuxt build 会先被执行)。
nuxt generate 编译应用,并依据路由配置生成对应的HTML文件 (用于静态站点的部署)。
```
';