Vue全家桶,项目开发从入门到云部署 版权信息
- ISBN:9787576329711
- 条形码:9787576329711 ; 978-7-5763-2971-1
- 装帧:平装-胶订
- 册数:暂无
- 重量:暂无
- 所属分类:>>
Vue全家桶,项目开发从入门到云部署 本书特色
淘天集团资深前端工程师力作,专为前端开发者量身打造
结合264个示例,详细介绍移动Web全栈开发的核心技术与框架
通过一个Web项目案例,展现全栈项目开发的完整流程
内容新颖:围绕当前流行的Vue.js 3前端框架展开讲解,重点介绍其新特性。
对比分析:对比Vue.js 3与Vue.js 2.x的差异,帮助读者快速过渡到Vue.js 3。
内容丰富:全面涵盖Vue.js、Node、Koa、Vuex、Vue-Router、Vant UI、ES 6、ES 7、Axios和MongoDB等热门技术与框架。
示例丰富:结合264个示例进行讲解,加深读者对相关概念和知识点的理解。
案例实战:详解一个小型案例和一个Web全栈综合项目案例,提高读者的实际开发能力。
源码详解:对核心源码进行大量的注释和详细的解读,让读者无障碍地阅读。
避坑提示:给出多个避坑提示与说明,让读者在学习的过程中少走弯路。
Vue全家桶,项目开发从入门到云部署 内容简介
本书共11章:第1、2章介绍Vue.js框架的基础知识及其组件的使用;第3章介绍Vue-Router管理工程路由的相关知识;第4章介绍Vuex管理数据流的相关知识;第5-7章分别介绍UI组件库、Koa框架和数据库的使用,为后面章节的全栈项目开发打下基础;第8章介绍一个小型项目案例——中台前端页面的开发;第9章介绍一个综合项目案例——移动端电商网站的开发;第10章介绍全栈工程的部署方式,让读者了解云端部署的相关知识;第11章介绍前端专家尤雨溪开发的高效构建工具Vite的使用方法。
Vue全家桶,项目开发从入门到云部署 目录
第1章 漫谈Vue 1
1.1 Vue简介 1
1.1.1 Vue的安装与配置 1
1.1.2 声明式渲染与响应式 3
1.1.3 组件化应用 7
1.1.4 指令简介 10
1.1.5 生命周期 13
1.1.6 前端工程化 16
1.2 模板语法 18
1.2.1 动态响应 18
1.2.2 插槽 22
1.2.3 v-bind和v-on指令的使用 23
1.2.4 计算属性和侦听属性 26
1.3 条件渲染和列表渲染 29
1.3.1 v-if、v-show和v-for指令的使用 29
1.3.2 数组更新检测 32
1.3.3 小结 34
1.4 事件处理 34
1.4.1 事件监听 34
1.4.2 事件修饰 37
1.4.3 表单数据监听 39
1.4.4 在组件中使用v-model指令 41
1.5 Vue 3的新特性 43
1.5.1 组合式API 43
1.5.2 自定义渲染器 49
1.5.3 Suspense属性 51
1.5.4 Teleport属性 52
1.5.5 异步组件使用的变化 56
1.6 体验Vue 3工程 57
1.6.1 使用脚手架初始化Vue 3工程 57
1.6.2 在页面中使用Composition API 59
1.6.3 使用TSX编写页面 62
1.6.4 在业务代码中使用Vue 3的组件库 64
第2章 使用组件 67
2.1 注册组件 67
2.1.1 全局注册 67
2.1.2 局部注册 68
2.1.3 使用component目录 71
2.1.4 在模块系统中的局部注册和自动化注册 72
2.2 组件数据传递 74
2.2.1 使用props对象传递数据 74
2.2.2 使用回调函数传递数据 77
2.2.3 props数据类型检查 79
2.3 插槽的详细用法 80
2.3.1 具名插槽 80
2.3.2 作用域插槽 81
2.3.3 动态插槽 82
2.3.4 其他示例 82
2.4 动态组件和异步组件 84
2.4.1 keep-alive属性在组件中的应用 84
2.4.2 异步组件加载 85
2.4.3 Vue组件懒加载方案 86
第3章 在项目中使用Vue-Router管理路由 88
3.1 动态路由匹配 88
3.1.1 路由参数响应 88
3.1.2 路由命名 90
3.1.3 路由重定向 91
3.1.4 动态组件传参 92
3.2 懒加载和数据获取 94
3.2.1 路由懒加载 94
3.2.2 数据传递 95
3.3 导航守卫 98
3.3.1 全局导航守卫 98
3.3.2 路由独享守卫和组件守卫 100
3.3.3 Vue-Router的Hash模式 103
第4章 Vuex状态管理 105
4.1 Vuex状态管理模式 105
4.1.1 单向数据流 105
4.1.2 在$store中获取对象属性 106
4.2 Vuex的核心概念 108
4.2.1 使用state属性、mutation属性和modules模块 108
4.2.2 通过getter获取数据 112
4.2.3 调用action属性执行状态变更 113
4.2.4 module模块的应用 116
4.3 Vuex插件的使用 118
4.3.1 插件功能简介 118
4.3.2 表单处理 120
4.3.3 测试mutation、action和getter 122
第5章 UI组件库尝鲜 126
5.1 Web端和移动端常用的UI组件库 126
5.1.1 UI组件库的应用 126
5.1.2 Element UI组件库在Web项目中的应用 128
5.1.3 Vant UI框架在HTML 5页面中的应用 132
5.1.4 UI组件库使用总结 134
5.2 美化Vue组件 138
5.2.1 美化组件样式 138
5.2.2 基础组件样式变换 140
5.2.3 体验页面换肤 142
5.3 常用组件应用 144
5.3.1 栅格组件 144
5.3.2 表格组件 146
5.3.3 Dialog对话框 149
5.3.4 描述列表 151
5.3.5 下拉菜单 153
第6章 使用Koa 2搭建服务 156
6.1 Koa 2简介 156
6.1.1 安装Koa V 156
6.1.2 response、request和context简介 157
6.1.3 Async和Await的使用 161
6.1.4 熟悉Koa 2中间件 163
6.2 获取请求数据 165
6.2.1 通过GET方式获取数据 165
6.2.2 通过POST方式请求数据 166
6.2.3 koa-bodyparser中间件 169
6.2.4 Koa路由 170
第7章 数据库的使用 173
7.1 配置数据库 173
7.1.1 连接数据库 173
7.1.2 使用ORM框架 175
7.1.3 在项目中封装数据库的操作逻辑 177
7.2 常用的数据库 180
7.2.1 MongoDB数据库 181
7.2.2 Redis数据库 183
7.2.3 初步认识GraphQL 187
7.2.4 在项目中应用GraphQL 189
7.3 设计符合业务的数据库 191
7.3.1 设计数据字典 191
7.3.2 数据库逻辑结构设计 195
7.3.3 数据库物理结构设计 197
7.3.4 数据库实施 199
7.3.5 数据库运行与维护 201
第8章 小试身手——搭建中台前端页面 204
8.1 总体设计 204
8.1.1 技术选型 204
8.1.2 内容设计 206
8.1.3 架构设计 208
8.2 代码编写 212
8.2.1 实现Dashboard页面 212
8.2.2 侧边菜单设计 215
8.2.3 实现用户权限管理页面 219
第9章 移动端电商网站开发实战 224
9.1 系统设计 224
9.1.1 需求分析 224
9.1.2 UI界面设计之商品购买流程 226
9.1.3 UI界面设计之用户相关页面 228
9.1.4 UI界面设计之其他页面 231
9.1.5 数据库设计之数据字典设计 232
9.1.6 数据库设计之逻辑结构设计 236
9.1.7 技术方案确定 238
9.2 后端工程搭建 240
9.2.1 初始化后端工程 241
9.2.2 配置和封装数据库 244
9.2.3 实现后端接口 247
9.3 前端工程搭建 250
9.3.1 初始化前端工程 250
9.3.2 编写前端页面代码 253
9.3.3 前后端联调 256
9.3.4 测试阶段之开发自动化测试 260
9.3.5 测试阶段之测试用例测试 266
第10章 工程部署 270
10.1 使用LearnCloud部署项目 270
10.1.1 运行Web环境示例程序 270
10.1.2 设计数据模型 273
10.1.3 云函数的开发 280
10.1.4 工程部署 283
10.2 搭建部署环境并部署工程 285
10.2.1 申请云端服务器 285
10.2.2 在云端搭建Node环境 287
10.2.3 在云端搭建MongoDB环境 288
10.2.4 部署后端工程 290
10.2.5 部署前端工程 292
第11章 Vite初体验 294
11.1 搭建**个Vite项目 295
11.2 依赖预构建 296
11.3 静态资源处理 297
11.4 构建线上生产版本 298
11.5 服务端渲染 301
11.6 预渲染 306
展开全部
Vue全家桶,项目开发从入门到云部署 作者简介
刘颖斌 长期从事Web前端开发。曾服务于微店和浙江大华技术股份有限公司。目前任职于淘天集团,担任Web前端工程师,积累了丰富的开发经验。参与构建过企业级人工智能落地项目,负责用前端技术完成项目的相关功能模块。还参与了公司电商平台卖家版业务的实现,为公司带来了丰厚的广告收益。