Vue.js 3.x+Element Plus从入门到项目实践 版权信息
- ISBN:9787302667995
- 条形码:9787302667995 ; 978-7-302-66799-5
- 装帧:一般胶版纸
- 册数:暂无
- 重量:暂无
- 所属分类:>
Vue.js 3.x+Element Plus从入门到项目实践 本书特色
《Vue.js 3.x Element Plus从入门到项目实践》的特色如下:
1. 零基础、入门级的讲解
无论您是否从事计算机相关行业,也无论您是否接触过Vue.js Element Plus框架,都能从本书中找到适合的起点。
2. 实用、专业的案例和项目
本书在编排上紧密结合学习Vue.js Element Plus框架技术的过程,从Vue.js Element Plus框架基本操作开始,逐步带领读者学习Vue.js Element Plus框架的各种应用技巧,侧重实战技术,使用简单易懂的实际案例进行分析和操作指导,让读者学起来简明轻松,操作起来有章可循。
3. 随时随地学习
本书提供了微课视频,通过手机扫码即可观看,随时随地解决学习中的困惑。
4. 细致入微、贴心提示
本书在讲解过程中,在各章中使用了“注意”“提示”“技巧”等小栏目,使读者在学习时能更清楚地了解相关操作、理解相关概念,并轻松掌握各种操作技巧。
5. 赠送超值资源
赠送大量资源,包括本书案例源代码、同步教学视频、精美教学幻灯片、教学大纲、30套热门Vue.js项目源码、160套jQuery精彩案例、名企网站前端开发招聘考试题库、毕业求职面试资源库。
Vue.js 3.x+Element Plus从入门到项目实践 内容简介
本书通过实例深入浅出地讲解Vue.js框架的各项实战技能。
本书共l5章,主要讲解了搭建Vue+Element Plus开发环境、模板语法和指令、计算属性和侦听器、双向数据绑定、事件处理、组件和组合API、项目脚手架ue-cli和Vite、前端路由、状态管理Vuex、Element Plus基础入门、Element Plus中的表单和Element Plus中的数据等内容。*后讲述了3个行业热点项目的开发,包括科技企业网站系统、图书管理系统和企业办公自动化系统。
本书适合任何想学习Vue,js和Element Plus框架的人员,无论您是否从事计算机相关行业,也无论您是否接触过Vue,js和Element Plus框架,通过学习本书内容均可快速掌握Vue.js和Element Plus框架设计的方法和技巧。
Vue.js 3.x+Element Plus从入门到项目实践 目录
第1章 搭建Vue Element Plus开发环境 1
1.1 Vue.js 3.x概述 1
1.1.1 MVVM模式 1
1.1.2 Vue.js的概念 2
1.1.3 Vue.js的数据驱动原理 3
1.2 为什么要使用Vue.js 4
1.2.1 传统的前端开发模式 4
1.2.2 Vue.js开发模式 5
1.3 安装Vue.js 5
1.3.1 直接使用引入 5
1.3.2 使用NPM方式 5
1.3.3 使用命令行工具(CLI)方式 6
1.3.4 使用Vite方式 6
1.4 综合案例1——**个Vue.js程序 6
1.5 安装Element Plus 7
1.6 综合案例2——**个Vue.js Element Plus案例 8
第2章 模板语法和指令 10
2.1 Vue.js实例 10
2.1.1 创建一个Vue.js实例 10
2.1.2 数据与方法 11
2.1.3 实例化多个对象 11
2.2 模板语法 15
2.2.1 插值 15
2.2.2 指令 18
2.2.3 缩写 18
2.3 基本指令 19
2.3.1 v-cloak 19
2.3.2 v-once 20
2.3.3 v-text与v-html 20
2.3.4 v-bind 21
2.3.5 v-on 22
2.4 条件渲染 24
2.4.1 v-if 24
2.4.2 在元素上使用v-if条件渲染分组 25
2.4.3 v-else 26
2.4.4 v-else-if 27
2.4.5 v-show 28
2.4.6 v-if与v-show的区别 29
2.5 列表渲染 31
2.5.1 使用v-for指令遍历元素 31
2.5.2 维护状态 34
2.5.3 数组更新检测 35
2.5.4 对象变更检测注意事项 37
2.5.5 在上使用v-for 38
2.5.6 v-for与v-if一同使用 39
2.6 自定义指令 40
2.7 综合案例1——设计商品采购列表 41
2.8 综合案例2——通过插值语法实现商品信息组合 43
第3章 计算属性和侦听器 44
3.1 计算属性computed 44
3.2 计算属性与方法的区别 45
3.3 监听器 47
3.3.1 回调值为方法 48
3.3.2 回调值为对象 49
3.4 综合案例——通过计算属性设计注册表 51
第4章 双向数据绑定 55
4.1 绑定HTML样式(Class) 55
4.1.1 数组语法 55
4.1.2 对象语法 57
4.1.3 用在组件上 60
4.2 绑定内联样式(style) 60
4.2.1 对象语法 60
4.2.2 数组语法 62
4.3 双向绑定 63
4.4 基本用法 64
4.4.1 文本 64
4.4.2 多行文本 65
4.4.3 复选框 66
4.4.4 单选按钮 67
4.4.5 选择框 68
4.5 值绑定 70
4.5.1 复选框 70
4.5.2 单选按钮 71
4.5.3 选择框的选项 72
4.6 修饰符 73
4.6.1 lazy 73
4.6.2 number 73
4.6.3 trim 74
4.7 综合案例1——破坏瓶子小游戏 75
4.8 综合案例2——设计网上商城购物车效果 77
第5章 事件处理 82
5.1 监听事件 82
5.2 事件处理方法 83
5.3 事件修饰符 87
5.3.1 stop 88
5.3.2 capture 90
5.3.3 self 91
5.3.4 once 93
5.3.5 prevent 93
5.3.6 passive 94
5.4 按键修饰符 95
5.5 系统修饰键 97
5.6 综合案例——设计商城tab栏切换 98
第6章 精通组件和组合API 100
6.1 组件是什么 100
6.2 组件的注册 100
6.2.1 全局注册 101
6.2.2 局部注册 102
6.3 使用prop向子组件传递数据 102
6.3.1 prop的基本用法 103
6.3.2 单向数据流 106
6.3.3 prop验证 106
6.3.4 非prop的属性 108
6.4 子组件向父组件传递数据 110
6.4.1 监听子组件事件 110
6.4.2 将原生事件绑定到组件 111
6.4.3 sync修饰符 112
6.5 插槽 114
6.5.1 插槽的基本用法 114
6.5.2 编译作用域 115
6.5.3 默认内容 115
6.5.4 命名插槽 116
6.5.5 作用域插槽 119
6.5.6 解构插槽prop 121
6.6 为什么要引入组合API 122
6.7 setup()函数 123
6.8 响应式API 124
6.8.1 reactive()方法和watchEffect()
方法 124
6.8.2 ref()方法 125
6.8.3 readonly()方法 125
6.8.4 computed()方法 126
6.8.5 watch()方法 127
6.9 综合案例1——开发待办事项功能 127
6.10 综合案例2——设计商城轮播效果图 129
第7章 项目脚手架vue-cli和Vite 132
7.1 脚手架的组件 132
7.2 脚手架环境搭建 133
7.3 安装脚手架 135
7.4 创建项目 136
7.4.1 使用命令创建项目 136
7.4.2 使用图形化界面创建项目 138
7.5 分析项目结构 140
7.6 构建工具Vite 142
第8章 玩转前端路由 144
8.1 使用Vue Router实现Vue前端路由控制 144
8.1.1 前端路由的实现方式 144
8.1.2 路由实现 145
8.2 Vue Router中的常用技术 148
8.2.1 命名路由 148
8.2.2 命名视图 150
8.2.3 路由传参 154
8.3 编程式导航 158
8.4 组件与Vue Router间解耦 162
8.4.1 布尔模式 162
8.4.2 对象模式 165
8.4.3 函数模式 167
第9章 状态管理Vuex 171
9.1 什么是Vuex 171
9.1.1 什么是状态管理模式 171
9.1.2 什么情况下使用Vuex 172
9.2 使用Vuex 173
9.3 在项目中使用Vuex 173
9.3.1 搭建一个项目 173
9.3.2 state对象 175
9.3.3 getter对象 176
9.3.4 mutation对象 178
9.3.5 action对象 179
第10章 Element Plus基础入门 182
10.1 页面布局的方式 182
10.1.1 创建页面基础布局 182
10.1.2 使用布局容器组件 184
10.2 内置过渡动画 186
10.2.1 淡入淡出动画 186
10.2.2 缩放动画 187
10.2.3 折叠展开动画 188
10.3 基本组件 189
10.3.1 按钮组件 189
10.3.2 文字链接组件 190
10.3.3 间距组件 191
10.3.4 滚动条组件 193
10.4 提示类组件 194
10.4.1 警告组件 195
10.4.2 通知组件 196
10.4.3 消息提示组件 197
10.5 综合案例——设计一个滚动菜单栏的组件 198
第11章 Element Plus中的表单 201
11.1 表单类组件 201
11.1.1 单选按钮 201
11.1.2 复选框 202
11.1.3 标准输入框组件 204
11.1.4 带推荐列表的输入框组件 206
11.1.5 计数器 207
11.1.6 选择列表 208
11.1.7 多级列表组件 211
11.2 开关组件与滑块组件 212
11.2.1 开关组件 212
11.2.2 滑块组件 213
11.3 选择器组件 215
11.3.1 时间选择器 215
11.3.2 日期选择器 217
11.3.3 颜色选择器 218
11.4 上传组件 219
11.5 评分组件 221
11.6 穿梭框组件 222
11.7 综合案例——设计一个商城活动页面 223
第12章 Element Plus中的数据 227
12.1 数据展示类组件 227
12.1.1 表格组件 227
12.1.2 标签组件 229
12.1.3 进度条组件 230
12.1.4 树形组件 231
12.1.5 分页组件 234
12.1.6 徽章组件 236
12.1.7 描述列表组件 237
12.1.8 结果组件 239
12.2 导航类组件 241
12.2.1 导航菜单组件 241
12.2.2 标签页组件 243
12.2.3 面包屑组件 244
12.2.4 页头组件 245
12.2.5 下拉菜单组件 245
12.2.6 步骤条组件 247
12.3 其他高级组件 248
12.3.1 对话框组件 248
12.3.2 提示组件 250
12.3.3 卡片组件 253
12.3.4 走马灯组件 254
12.3.5 折叠面板组件 255
12.3.6 时间线组件 256
12.3.7 分割线组件 258
12.3.8 抽屉组件 258
12.4 综合案例——设计一个商品列表管理后台页面 259
第13章 项目实战1——开发科技企业网站系统 266
13.1 使用Vite搭建项目 266
13.2 设 计 首 页 269
13.2.1 网页头部组件 269
13.2.2 网页首页组件 271
13.2.3 网页页脚组件 272
13.3 设计主营业务组件 273
13.4 设计关于我们组件 275
13.5 设计企业新闻组件 276
13.6 设计联系我们组件 277
13.7 路由配置 278
13.8 系统的运行 279
13.9 系统的调试 280
第14章 项目实战2——开发图书管理系统 283
14.1 项目环境及框架 283
14.1.1 系统开发环境要求 283
14.1.2 软件框架 283
14.2 系统分析 284
14.2.1 系统功能设计 284
14.2.2 系统功能结构图 285
14.3 系统主要功能实现 285
14.3.1 登录页面的实现 285
14.3.2 注册页面的实现 287
14.3.3 首页的实现 287
14.3.4 个人中心页面的实现 292
14.3.5 书籍管理页面的实现 295
14.3.6 用户管理页面的实现 299
第15章 项目实战3——开发企业办公自动化系统 300
15.1 项目环境及框架 300
15.1.1 系统开发环境要求 300
15.1.2 软件框架 300
15.2 系统分析 301
15.2.1 系统功能设计 301
15.2.2 系统功能结构图 301
15.3 系统主要功能实现 302
15.3.1 登录页面的实现 302
15.3.2 概况页面的实现 303
15.3.3 员工信息页面的实现 307
15.3.4 招聘岗位页面的实现 309
15.3.5 应聘者信息页面的实现 310
15.3.6 考勤信息页面的实现 310
15.3.7 签到信息页面的实现 310
展开全部
Vue.js 3.x+Element Plus从入门到项目实践 作者简介
孙建召,一线软件工程师,比较擅长Android、Vue.js、React,有丰富的专业知识和开发经验,曾负责并上线多个大型Web项目。多年来一直致力于分享实践经验,拥有粉丝10万余。