未读消息消息

购物车

我的订单

个人中心

店铺

我的订单收藏

拍卖

拍卖交易我的竞拍收藏

我的好友资金账户

卖家中心

客服 |

帮助中心 9:00-20:30 在线留言

客服电话

010-89648155

服务时间

客服咨询 8:00-21:00

纠纷处理 9:00-21:00

图书审核 9:00-18:00

监督与建议

请选择

手机孔网

Vue.js核心技术解析与uni-app跨平台实战开发

作者: 袁龙

出版社: 清华大学出版社

出版时间: 2022-01

版次: 1

ISBN: 9787302592969

定价: 82.00

装帧: 其他

开本: 16开

纸张: 胶版纸

页数: 266页

分类: 计算机与互联网

17人买过

《Vue.js核心技术解析与uni-app跨平台实战开发》系统地介绍了Vue.js和uni-app的核心基础理论及企业项目开发，以实例的形式对Vue.js和uni-app进行深入浅出的讲解。《Vue.js核心技术解析与uni-app跨平台实战开发》共分14章，内容包括Vue.js基础入门、Vue.js绑定样式及案例、Vue.js生命周期函数、Vue.js动画、Vue.js组件、Vue.js路由、Vue.js高级进阶、element-ui/mint-ui组件库、axios发送HTTP请求、Vuex状态管理、企业项目实战、Vue3.X新特性解析、uni-app核心基础、uni-app企业项目实战等，书中大部分章节提供了实战项目案例源码。《Vue.js核心技术解析与uni-app跨平台实战开发》中每一个关键知识点均配套了同步视频讲解，以带领读者把书中的代码敲一遍，这不仅能使读者更加透彻地掌握知识点，实现独立开发企业级项目的目标，还能使读者及时地了解**技术动态。《Vue.js核心技术解析与uni-app跨平台实战开发》的读者对象为网页设计与制作人员、网站建设开发人员、相关专业的学生及网站制作爱好者。袁龙：主要从事Web开发、教学培训等业务，创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站，为数万前端开发者提供高效率的工作方式，轻松实现网页动画特效，目前是51CTO、CSDN等在线教育平台讲师。袁老师在51CTO课程平台的学员人数为31万，其中“Vue.js快速入门与应用”课程的学习人数高达5.7万第 1 章 Vue.js 基础入门1

1.1 什么是 Vue.js 1

1.1.1 当前流行的前端框架1

1.1.2 为什么要学习 Vue.js2

1.1.3 Vue.js 核心理念2

1.1.4 框架和库的区别2

1.2 MVVM 前端视图层开发理念2

1.3 创建 Vue 实例对象，详解 MVVM3

1.4 详解插值表达式5

1.5 Vue 基础指令7

1.5.1 v-cloak 指令7

1.5.2 v-text 指令9

1.5.3 v-html 指令9

1.5.4 v-bind 指令11

1.5.5 v-on 指令13

1.6 事件修饰符15

1.6.1 鼠标按键修饰15

1.6.2 系统修饰符15

1.6.3 事件修饰符16

1.7 双向数据绑定17

1.7.1 v-model 修饰符18

1.7.2 使用 v-model 实现计算器案例19

1.8 v-for 指令21

1.8.1 遍历普通数组22

1.8.2 遍历对象数组23

1.8.3 遍历对象24

1.8.4 遍历数字25

1.9 学生管理案例25

1.9.1 渲染学生列表26

1.9.2 新增学生28

1.9.3 删除学生28

1.9.4 搜索学生29

第 2 章 Vue.js 绑定样式及案例32

2.1 class 类名绑定32

2.1.1 对象控制绑定样式32

2.1.2 数组控制绑定样式33

2.2 style 行内样式绑定34

2.2.1 对象控制绑定行内样式34

2.2.2 数组控制绑定行内样式35

2.3 Vue 绑定样式案例（标题排他）35

2.4 控制元素显示隐藏37

2.4.1 v-if 和 v-show 指令37

2.4.2 v-if 实现选项卡案例39

2.5 简单版购物车实例40

2.5.1 购物车实例简介40

2.5.2 静态页面布局41

2.5.3 渲染购物车列表42

2.5.4 修改商品选中状态43

2.5.5 记录选中商品的总数量和总价格44

2.5.6 全选状态46

2.5.7 商品数量增加或减少48

第 3 章 Vue.js 生命周期函数50

3.1 创建期间生命周期函数50

3.2 运行期间生命周期函数55

3.3 销毁期间生命周期函数57

3.4 扩展58

第 4 章 Vue.js 动画59

4.1 Vue 单组动画59

4.2 Vue 定义多组动画61

4.3 使用 animate 动画库63

4.4 transition-group 列表动画64

第 5 章 Vue.js 组件67

5.1 创建全局组件67

5.1.1 组件创建方式一67

5.1.2 组件创建方式二68

5.1.3 组件创建方式三68

5.2 创建私有组件69

5.2.1 组件中的 data 和 methods71

5.2.2 组件选项卡切换案例72

5.3 动画组件74

5.4 组件传值75

5.4.1 父组件向子组件传值75

5.4.2 父组件向子组件传递方法77

5.4.3 子组件向父组件传值79

5.5 Vue 获取 DOM 元素的方法（ref）82

5.5.1 ref 获取普通 DOM 元素82

5.5.2 ref 获取组件元素84

第 6 章 Vue.js 路由86

6.1 什么是路由86

6.1.1 安装路由86

6.1.2 使用路由87

6.2 路由控制组件切换88

6.3 路由重定向以及动画路由90

6.4 路由传参91

6.4.1 传参方式一91

6.4.2 传参方式二92

6.5 嵌套路由93

6.6 路由布局95

第 7 章 Vue.js 高级进阶97

7.1 安装 vue-cli97

7.1.1 vue-cli 创建项目98

7.1.2 运行脚手架项目99

7.2 vue-cli 目录结构100

7.3 vue-cli 运行机制101

7.4 vue-cli 选项卡案例103

7.5 过滤器105

7.5.1 私有过滤器105

7.5.2 全局过滤器107

7.6 Vue 计算属性109

7.7 watch 侦听属性111

7.8 slot 插槽113

7.9 链式路由跳转115

7.10 路由守卫117

7.10.1 全局路由守卫117

7.10.2 组件内路由守卫119

7.10.3 离开组件时守卫120

第 8 章 element-ui/mint-ui 组件库122

8.1 element-ui 使用步骤122

8.2 mint-ui 的使用124

第 9 章 axios 发送 HTTP 请求127

9.1 安装 axios 127

9.1.1 组件中使用 axios128

9.1.2 配置全局域名129

9.1.3 代码分离129

9.2 axios 传递参数130

9.3 axios 原理之 promise 131

9.3.1 什么是 promise132

9.3.2 为什么要用 promise132

9.3.3 promise 基本使用132

9.3.4 promise 的 API 133

9.3.5 async 与 await137

第 10 章 Vuex 状态管理142

10.1 Vuex 基础应用142

10.2 getters 的使用144

10.3 mutations 的使用145

10.4 actions 的使用148

10.5 Vuex 代码分离151

10.6 辅助函数152

10.6.1 mapState 辅助函数152

10.6.2 mapGetters 辅助函数153

10.6.3 mapMutations 辅助函数154

10.6.4 mapActions 辅助函数155

10.7 Vuex 实例之登录退出156

10.7.1 vue-cli 创建项目站点156

10.7.2 Vuex 修改登录状态158

第 11 章企业项目实战166

11.1 vue-cli 创建项目166

11.2 首页开发168

11.2.1 布局首页静态页面170

11.2.2 使用 axios 获取轮播图176

11.2.3 首页广告版块数据渲染178

11.2.4 首页商家推荐版块数据渲染180

11.2.5 首页其他版块数据渲染181

11.3 网页底部信息和产品列表页面开发182

11.3.1 产品列表静态页面布局184

11.3.2 渲染全部产品页面数据186

11.3.3 产品价格排序功能189

11.3.4 产品价格范围筛选功能190

11.4 element-ui 实现产品分页192

11.5 产品详情页面开发194

第 12 章 Vue3.X 新特性解析198

12.1 Vue3.0 新特性199

12.2 什么是 Composition API 201

12.2.1 setup 函数的特点202

12.2.2 定义响应式数据203

12.3 reactive 函数204

12.4 封装功能模块，增加代码复用206

12.5 Vue3 生命周期207

12.6 computed 的使用208

12.7 watch 监听的使用211

12.8 依赖注入212

12.9 Refs 模板216

12.10 readonly()函数的使用218

12.11 watchEffect()函数的使用219

12.12 响应式系统工具集的使用220

12.12.1 unref()220

12.12.2 toRef()221

12.12.3 isRef()221

12.12.4 isProxy()221

12.12.5 isReactive()222

12.12.6 isReadonly()222

第 13 章 uni-app 核心基础223

13.1 uni-app 概述223

13.1.1 创建 uni-app 项目224

13.1.2 uni-app 目录结构226

13.1.3 uni-app 运行机制226

13.2 常用组件229

13.2.1 view 组件229

13.2.2 text 组件230

13.2.3 image 组件231

13.3 常用特效231

13.3.1 tabBar 导航使用232

13.3.2 swiper 轮播图使用232

13.4 uni-app 属性绑定和事件绑定233

13.4.1 属性绑定234

13.4.2 事件绑定235

13.5 v-for 渲染数据235

13.6 uni-app 生命周期236

13.6.1 应用生命周期237

13.6.2 页面生命周期237

13.6.3 下拉刷新生命周期函数237

13.6.4 上拉加载生命周期函数239

13.7 uni-app 发送 HTTP 请求240

13.8 跨端兼容241

13.8.1 控制页面元素242

13.8.2 控制 CSS 样式242

13.8.3 控制 JS243

13.9 页面跳转243

13.9.1 网址跳转243

13.9.2 事件跳转244

13.9.3 传递参数245

第 14 章 uni-app 企业项目实战247

14.1 鲁嗑瓜子首页开发247

14.1.1 布局首页静态页247

14.1.2 调用数据接口渲染轮播图252

14.1.3 首页广告版块数据渲染253

14.1.4 首页商家推荐版块数据渲染254

14.1.5 首页其他版块数据渲染255

14.2 产品列表页开发257

14.2.1 布局产品列表静态页面257

14.2.2 渲染产品列表数据258

14.2.3 价格排序功能260

14.2.4 价格范围筛选功能261

14.3 产品详情页开发263

14.4 App 打包265

14.4.1 H5 发布265

14.4.2 App 发布266
内容简介:
《Vue.js核心技术解析与uni-app跨平台实战开发》系统地介绍了Vue.js和uni-app的核心基础理论及企业项目开发，以实例的形式对Vue.js和uni-app进行深入浅出的讲解。《Vue.js核心技术解析与uni-app跨平台实战开发》共分14章，内容包括Vue.js基础入门、Vue.js绑定样式及案例、Vue.js生命周期函数、Vue.js动画、Vue.js组件、Vue.js路由、Vue.js高级进阶、element-ui/mint-ui组件库、axios发送HTTP请求、Vuex状态管理、企业项目实战、Vue3.X新特性解析、uni-app核心基础、uni-app企业项目实战等，书中大部分章节提供了实战项目案例源码。《Vue.js核心技术解析与uni-app跨平台实战开发》中每一个关键知识点均配套了同步视频讲解，以带领读者把书中的代码敲一遍，这不仅能使读者更加透彻地掌握知识点，实现独立开发企业级项目的目标，还能使读者及时地了解**技术动态。《Vue.js核心技术解析与uni-app跨平台实战开发》的读者对象为网页设计与制作人员、网站建设开发人员、相关专业的学生及网站制作爱好者。
作者简介:
袁龙：主要从事Web开发、教学培训等业务，创建“锦匠特效”和“锦匠课堂”两大Web前端工具类网站，为数万前端开发者提供高效率的工作方式，轻松实现网页动画特效，目前是51CTO、CSDN等在线教育平台讲师。袁老师在51CTO课程平台的学员人数为31万，其中“Vue.js快速入门与应用”课程的学习人数高达5.7万
目录:
第 1 章 Vue.js 基础入门1

1.1 什么是 Vue.js 1

1.1.1 当前流行的前端框架1

1.1.2 为什么要学习 Vue.js2

1.1.3 Vue.js 核心理念2

1.1.4 框架和库的区别2

1.2 MVVM 前端视图层开发理念2

1.3 创建 Vue 实例对象，详解 MVVM3

1.4 详解插值表达式5

1.5 Vue 基础指令7

1.5.1 v-cloak 指令7

1.5.2 v-text 指令9

1.5.3 v-html 指令9

1.5.4 v-bind 指令11

1.5.5 v-on 指令13

1.6 事件修饰符15

1.6.1 鼠标按键修饰15

1.6.2 系统修饰符15

1.6.3 事件修饰符16

1.7 双向数据绑定17

1.7.1 v-model 修饰符18

1.7.2 使用 v-model 实现计算器案例19

1.8 v-for 指令21

1.8.1 遍历普通数组22

1.8.2 遍历对象数组23

1.8.3 遍历对象24

1.8.4 遍历数字25

1.9 学生管理案例25

1.9.1 渲染学生列表26

1.9.2 新增学生28

1.9.3 删除学生28

1.9.4 搜索学生29

第 2 章 Vue.js 绑定样式及案例32

2.1 class 类名绑定32

2.1.1 对象控制绑定样式32

2.1.2 数组控制绑定样式33

2.2 style 行内样式绑定34

2.2.1 对象控制绑定行内样式34

2.2.2 数组控制绑定行内样式35

2.3 Vue 绑定样式案例（标题排他）35

2.4 控制元素显示隐藏37

2.4.1 v-if 和 v-show 指令37

2.4.2 v-if 实现选项卡案例39

2.5 简单版购物车实例40

2.5.1 购物车实例简介40

2.5.2 静态页面布局41

2.5.3 渲染购物车列表42

2.5.4 修改商品选中状态43

2.5.5 记录选中商品的总数量和总价格44

2.5.6 全选状态46

2.5.7 商品数量增加或减少48

第 3 章 Vue.js 生命周期函数50

3.1 创建期间生命周期函数50

3.2 运行期间生命周期函数55

3.3 销毁期间生命周期函数57

3.4 扩展58

第 4 章 Vue.js 动画59

4.1 Vue 单组动画59

4.2 Vue 定义多组动画61

4.3 使用 animate 动画库63

4.4 transition-group 列表动画64

第 5 章 Vue.js 组件67

5.1 创建全局组件67

5.1.1 组件创建方式一67

5.1.2 组件创建方式二68

5.1.3 组件创建方式三68

5.2 创建私有组件69

5.2.1 组件中的 data 和 methods71

5.2.2 组件选项卡切换案例72

5.3 动画组件74

5.4 组件传值75

5.4.1 父组件向子组件传值75

5.4.2 父组件向子组件传递方法77

5.4.3 子组件向父组件传值79

5.5 Vue 获取 DOM 元素的方法（ref）82

5.5.1 ref 获取普通 DOM 元素82

5.5.2 ref 获取组件元素84

第 6 章 Vue.js 路由86

6.1 什么是路由86

6.1.1 安装路由86

6.1.2 使用路由87

6.2 路由控制组件切换88

6.3 路由重定向以及动画路由90

6.4 路由传参91

6.4.1 传参方式一91

6.4.2 传参方式二92

6.5 嵌套路由93

6.6 路由布局95

第 7 章 Vue.js 高级进阶97

7.1 安装 vue-cli97

7.1.1 vue-cli 创建项目98

7.1.2 运行脚手架项目99

7.2 vue-cli 目录结构100

7.3 vue-cli 运行机制101

7.4 vue-cli 选项卡案例103

7.5 过滤器105

7.5.1 私有过滤器105

7.5.2 全局过滤器107

7.6 Vue 计算属性109

7.7 watch 侦听属性111

7.8 slot 插槽113

7.9 链式路由跳转115

7.10 路由守卫117

7.10.1 全局路由守卫117

7.10.2 组件内路由守卫119

7.10.3 离开组件时守卫120

第 8 章 element-ui/mint-ui 组件库122

8.1 element-ui 使用步骤122

8.2 mint-ui 的使用124

第 9 章 axios 发送 HTTP 请求127

9.1 安装 axios 127

9.1.1 组件中使用 axios128

9.1.2 配置全局域名129

9.1.3 代码分离129

9.2 axios 传递参数130

9.3 axios 原理之 promise 131

9.3.1 什么是 promise132

9.3.2 为什么要用 promise132

9.3.3 promise 基本使用132

9.3.4 promise 的 API 133

9.3.5 async 与 await137

第 10 章 Vuex 状态管理142

10.1 Vuex 基础应用142

10.2 getters 的使用144

10.3 mutations 的使用145

10.4 actions 的使用148

10.5 Vuex 代码分离151

10.6 辅助函数152

10.6.1 mapState 辅助函数152

10.6.2 mapGetters 辅助函数153

10.6.3 mapMutations 辅助函数154

10.6.4 mapActions 辅助函数155

10.7 Vuex 实例之登录退出156

10.7.1 vue-cli 创建项目站点156

10.7.2 Vuex 修改登录状态158

第 11 章企业项目实战166

11.1 vue-cli 创建项目166

11.2 首页开发168

11.2.1 布局首页静态页面170

11.2.2 使用 axios 获取轮播图176

11.2.3 首页广告版块数据渲染178

11.2.4 首页商家推荐版块数据渲染180

11.2.5 首页其他版块数据渲染181

11.3 网页底部信息和产品列表页面开发182

11.3.1 产品列表静态页面布局184

11.3.2 渲染全部产品页面数据186

11.3.3 产品价格排序功能189

11.3.4 产品价格范围筛选功能190

11.4 element-ui 实现产品分页192

11.5 产品详情页面开发194

第 12 章 Vue3.X 新特性解析198

12.1 Vue3.0 新特性199

12.2 什么是 Composition API 201

12.2.1 setup 函数的特点202

12.2.2 定义响应式数据203

12.3 reactive 函数204

12.4 封装功能模块，增加代码复用206

12.5 Vue3 生命周期207

12.6 computed 的使用208

12.7 watch 监听的使用211

12.8 依赖注入212

12.9 Refs 模板216

12.10 readonly()函数的使用218

12.11 watchEffect()函数的使用219

12.12 响应式系统工具集的使用220

12.12.1 unref()220

12.12.2 toRef()221

12.12.3 isRef()221

12.12.4 isProxy()221

12.12.5 isReactive()222

12.12.6 isReadonly()222

第 13 章 uni-app 核心基础223

13.1 uni-app 概述223

13.1.1 创建 uni-app 项目224

13.1.2 uni-app 目录结构226

13.1.3 uni-app 运行机制226

13.2 常用组件229

13.2.1 view 组件229

13.2.2 text 组件230

13.2.3 image 组件231

13.3 常用特效231

13.3.1 tabBar 导航使用232

13.3.2 swiper 轮播图使用232

13.4 uni-app 属性绑定和事件绑定233

13.4.1 属性绑定234

13.4.2 事件绑定235

13.5 v-for 渲染数据235

13.6 uni-app 生命周期236

13.6.1 应用生命周期237

13.6.2 页面生命周期237

13.6.3 下拉刷新生命周期函数237

13.6.4 上拉加载生命周期函数239

13.7 uni-app 发送 HTTP 请求240

13.8 跨端兼容241

13.8.1 控制页面元素242

13.8.2 控制 CSS 样式242

13.8.3 控制 JS243

13.9 页面跳转243

13.9.1 网址跳转243

13.9.2 事件跳转244

13.9.3 传递参数245

第 14 章 uni-app 企业项目实战247

14.1 鲁嗑瓜子首页开发247

14.1.1 布局首页静态页247

14.1.2 调用数据接口渲染轮播图252

14.1.3 首页广告版块数据渲染253

14.1.4 首页商家推荐版块数据渲染254

14.1.5 首页其他版块数据渲染255

14.2 产品列表页开发257

14.2.1 布局产品列表静态页面257

14.2.2 渲染产品列表数据258

14.2.3 价格排序功能260

14.2.4 价格范围筛选功能261

14.3 产品详情页开发263

14.4 App 打包265

14.4.1 H5 发布265

14.4.2 App 发布266

查看详情

Vue.js核心技术解析与uni-app跨平台实战开发

内容简介:

作者简介:

目录: