Nuxt.js Web开发实战

Nuxt.js（本书称作Nuxt）是一个基于Vue.js（本书称作Vue）的优选的Web框架，主要用于服务器端渲染（SSR）。现在，借助Nuxt和Vue，构建通用和静态生成的应用程序比以往任何时候都更加容易。

《Nuxt.js Web开发实战》详细阐述了与Nuxt.js相关的基本解决方案，主要包括Nuxt简介，开始Nuxt之旅，添加UI框架，添加视图、路由和过渡效果，添加Vue组件，编写插件和模块，添加Vue表单，添加服务器端框架，添加服务器端数据库，添加Vuex Store，编写路由中间件和服务器中间件，创建用户登录和API身份验证，编写端到端测试，Linter、格式化程序和部署命令，利用Nuxt创建一个SPA，为Nuxt创建一个框架无关的PHP API，利用Nuxt创建一个实时应用程序，利用CMS和GraphQL创建Nuxt应用程序等内容。此外，本书还提供了相应的示例、代码，以帮助读者进一步理解相关方案的实现过程。

郭隆添是一位跨学科的全栈web开发人员/设计师和分析师。他出生在马来西亚槟城。他在马来西亚沙捞越大学获得应用艺术学士学位(1996 - 1999年)，在英国普利茅斯大学数字艺术与技术学院获得数字未来硕士学位(2002 - 2003年)。

第1部分 第1个Nuxt应用程序
第1章 Nuxt简介 3
1.1 从Vue到Nuxt 3
1.2 为何使用Nuxt 4
1.2.1 编写单文件组件 4
1.2.2 编写ES2015+ 6
1.2.3 利用预处理器编写CSS 6
1.2.4 利用模块和插件扩展Nuxt 7
1.2.5 在路由之间添加过渡 8
1.2.6 管理元素 9
1.2.7 利用webpack打包和划分代码 9
1.3 应用程序的类型 11
1.3.1 传统的服务器端渲染的应用程序 11
1.3.2 传统的单页应用程序（SPA） 12
1.3.3 通用服务器端渲染的应用程序（SSR） 14
1.3.4 静态生成的应用程序 15
1.4 作为通用SSR应用程序的Nuxt 16
1.5 作为静态站点生成器的Nuxt 17
1.6 作为单页应用程序的Nuxt 17
1.7 本章小结 18
第2章 开始Nuxt之旅 19
2.1 技术需求 19
2.2 安装Nuxt 20
2.2.1 使用create-nuxt-app 20
2.2.2 从头开始安装 22
2.3 了解目录结构 22
2.3.1 /assets/目录 23
2.3.2 /static/目录 24
2.3.3 /pages/目录 24
2.3.4 /layouts/目录 24
2.3.5 /components/目录 24
2.3.6 /plugins/目录 25
2.3.7 /store/目录 26
2.3.8 /middleware/目录 26
2.3.9 package.json文件 26
2.3.10 nuxt.config.js文件 27
2.3.11 别名 27
2.4 了解自定义配置 28
2.4.1 mode选项 29
2.4.2 target选项 29
2.4.3 head选项 29
2.4.4 css选项 30
2.4.5 plugins选项 31
2.4.6 components选项 31
2.4.7 buildModules选项 31
2.4.8 modules选项 31
2.4.9 build选项 32
2.4.10 dev选项 33
2.4.11 rootDir选项 34
2.4.12 srcDir选项 34
2.4.13 server选项 35
2.4.14 env选项 36
2.4.15 router选项 37
2.4.16 dir选项 38
2.4.17 loading选项 39
2.4.18 pageTransition和layoutTransition选项 39
2.4.19 generate选项 40
2.5 了解数据资源服务机制 41
2.6 本章小结 44
第3章 添加UI框架 45
3.1 添加Foundation和Motion UI 45
3.1.1 利用Foundation创建网格布局和站点导航 47
3.1.2 使用Foundation中的JavaScript实用程序和插件 49
3.1.3 利用Motion UI创建CSS动画和过渡 52
3.1.4 利用Foundation Icon Fonts 3添加图标 55
3.2 添加Less（Leaner Style Sheets） 56
3.3 添加jQuery UI 59
3.4 添加AOS 62
3.5 添加Swiper 64
3.6 本章小结 67
第2部分 视图、路由、组件、插件和模块
第4章 添加视图、路由和过渡效果 71
4.1 创建自定义路由 71
4.1.1 Vue Router 71
4.1.2 安装Vue Router 72
4.1.3 利用Vue Router创建路由 72
4.1.4 创建基本的路由 74
4.1.5 创建动态路由 75
4.1.6 创建嵌套路由 76
4.1.7 创建动态嵌套路由 82
4.1.8 验证路由参数 84
4.1.9 利用_.vue文件处理未知的路由 85
4.2 创建自定义视图 87
4.2.1 理解Nuxt视图 87
4.2.2 自定义应用程序模板 88
4.2.3 创建自定义HTML头 89
4.2.4 创建自定义布局 94
4.2.5 创建自定义页面 97
……