Vue.js从入门到项目实战(升级版)

图书标准信息

• 作者 刘汉伟
• 出版社 清华大学出版社
• 出版时间 2022-05
• 版次 2
• ISBN 9787302595878
• 定价 89.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 字数 291.000千字

【内容简介】

本书从Vue框架的基础语法讲起，逐步深入Vue进阶实战，并在后配合项目实战案例，重点演示Vue在项目开发中的一些应用。在系统地讲解Vue的相关知识之余，本书力图使读者更深入地理解Vue项目开发。 本书共分为11章，涵盖的主要内容有前端技术的发展历程、Vue基本介绍、Vue语法、Vue选项、Vue内置组件、Vue项目化、使用Vue开发电商类网站、使用Vue开发企业官网、使用Vue开发移动端资讯类网站、使用Vue开发工具类网站等。 本书内容通俗易懂，案例丰富，实用性强，特别适合Vue的初学者和从业人员阅读，同时适合职业生涯遇到“瓶颈”的前端从业人员和其他编程爱好者阅读。另外，本书也适合作为相关培训机构的教材。

【作者简介】

刘汉伟，一线软件工程师，活跃于GitHub等开源社区，接触过许多优秀项目的代码，有丰富的专业知识和开发经验，曾负责并上线多个大型Web项目。2016年起开始在网上发表博客，短时间内各平台累计访问量超过10万人次，深受读者好评，并受邀成为CSDN专业讲师、腾讯云 社区专栏作者。

【目录】

 篇 概念篇——扎根于基础 

第1章 引言002

1.1 前端技术的发展 002

1.1.1 从静态走向动态002

1.1.2 从后端走向前端003

1.1.3 从前端走向全端005

1.2 MVVM 族员—Vue.js 008

1.2.1 从MVC到MVVM 008

1.2.2 Vue.js简介009

1.3 Vue与React010

1.3.1 虚拟DOM010

1.3.2 功能性组件011

1.3.3 轻量级—将与核心库无关的业务封装成独立库011

1.3.4 视图模板012

1.3.5 其他013

1.4 Vue与Angular013

1.4.1 模板语法013

1.4.2 脏检测014

1.4.3 双向数据绑定014

1.4.4 学习曲线015

第2章 Vue基本介绍016

2.1 安装和引入 016

2.1.1 如何引入Vue.js016

2.1.2 安装Vue Devtools017

2.2 Vue实例介绍 019

2.2.1 简单实例019

2.2.2 生命周期020

目录

 

VIII

Vue. js从入门到项目实战（升级版） 

2.3 数据响应式原理 024

2.3.1 初识数据链024

2.3.2 函数式编程025

2.3.3 Vue中的数据链026

2.3.4 数据绑定视图027

第3章 Vue语法031

3.1 插值绑定 031

3.1.1 文本插值031

3.1.2 HTML插值 033

3.2 属性绑定 034

3.2.1 指令v-bind034

3.2.2 类名和样式绑定035

3.3 事件绑定 038

3.3.1 指令v-on 038

3.3.2 常见修饰符040

3.3.3 按键修饰符042

3.3.4 组合修饰符043

3.4 双向绑定 045

3.4.1 指令v-model045

3.4.2 v-model与修饰符048

3.4.3 v-model与自定义组件050

3.5 条件渲染和列表渲染 052

3.5.1 指令v-if和v-show 052

3.5.2 指令v-for 054

3.5.3 列表渲染中的key059

第4章 Vue选项060

4.1 常见选项及其用法 060

4.1.1 数据选项及其用法060

 

IX

 目 录

4.1.2 属性选项及其用法065

4.1.3 方法选项及其用法066

4.1.4 计算属性及其用法068

4.1.5 侦听属性及其用法072

4.2 DOM 渲染074

4.2.1 指定被挂载元素074

4.2.2 视图的字符串模板075

4.2.3 渲染函数render076

4.2.4 选项的优先级083

4.3 封装复用 084

4.3.1 自定义指令084

4.3.2 组件的注册088

4.3.3 混入的使用089

第5章 Vue内置组件093

5.1 组件服务 093

5.1.1 动态组件093

5.1.2 插槽095

5.1.3 缓存组件101

5.2 过渡效果 102

5.2.1 单节点的过渡102

5.2.2 多节点的过渡111

第6章 Vue项目化 115

6.1 快速构建项目 115

6.1.1 Vue CLI简介··115

6.1.2 使用Vue CLI构建项目 116

6.1.3 项目目录介绍117

6.2 前端路由 120

6.2.1 前端路由的简单实现121

 

6.2.2 Vue中的前端路由124

6.3 状态管理 131

6.3.1 对象引用131

6.3.2 状态管理器Vuex 132

6.3.3 在项目中使用Vuex 136

 第二篇 实战篇——提升于项目 

第7章 打造线上商城（一）144

7.1 项目规划 144

7.1.1 需求分析144

7.1.2 流程分析146

7.2 项目展示 147

7.2.1 首页147

7.2.2 商品详情150

7.2.3 购物车151

7.2.4 订单152

第8章 打造线上商城（二）154

8.1 项目构建 154

8.1.1 目录结构154

8.1.2 Webpack是什么？155

8.1.3 Font Awesome图标库 157

8.2 动态资源和数据 159

8.2.1 关于配置159

8.2.2 动态资源162

8.2.3 动态数据的存储163

8.3 自定义组件 164

8.3.1 幻灯片164

 

8.3.2 复选框168

第9章 企业官网的建设171

9.1 响应式设计 171

9.1.1 什么是响应式设计的概念171

9.1.2 媒体查询172

9.1.3 JavaScript布局174

9.2 页面开发 175

9.2.1 页面切换175

9.2.2 Swiper组件 176

9.2.3 划分内容区177

9.3 多语种网站的建设 180

9.3.1 将一切纳入配置180

9.3.2 将配置绑定到视图183

第10章 我的掌上新闻187

10.1 应用介绍187

10.1.1 应用首屏187

10.1.2 应用首页188

10.1.3 新闻详情页190

10.1.4 搜索页面191

10.1.5 搜索结果页194

10.2 项目构建194

10.2.1 项目结构194

10.2.2 数据流图198

第11章 SVG 画图板 200

11.1 SVG 简介200

11.1.1 有关SVG的三个问题200

11.1.2 基本图形的使用202

 

11.1.3 SVG中的渐变203

11.2 项目介绍205

11.2.1 页面介绍205

11.2.2 代码简析209

 附录 拓 展 篇 

附录A Git入门218

附录B NPM入门221

附录C Webpack入门224

附录D 闭包和对象引用 230

附录E 常见的ECMAScript 6语法 233