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文件 (用于静态站点的部署)。 ```
';