Vue全家桶,项目开发从入门到云部署

刘颖斌 长期从事Web前端开发。曾服务于微店和浙江大华技术股份有限公司。目前任职于淘天集团，担任Web前端工程师，积累了丰富的开发经验。参与构建过企业级人工智能落地项目，负责用前端技术完成项目的相关功能模块。还参与了公司电商平台卖家版业务的实现，为公司带来了丰厚的广告收益。

第1章 漫谈Vue1

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 组合式API43

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 在页面中使用Coition API59

1.6.3 使用TSX编写页面62

1.6.4 在业务代码中使用Vue 3的组件库

第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 使用属、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和getter122

第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 V156

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 初步认识GraphL87

7.2.4 在项目中应用GraphL89

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