编辑推荐
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。Vue.js提供了更加简洁、更易于理解的API，能够在很大程度上降低Web前端开发的难度，因此深受广大Web前端开发人员的喜爱。Vue.js库功能虽然强大，但是对于初学者来说入门比较困难，因此我们选择了让读者从入门到掌握Vue.js作为编写本书的思路，没有基础的读者通过本书学习也没有障碍。本书将项目开发中的技能融入本书的案例中，通过本书的学习，不仅可以掌握Vue.js库的使用方法，还可以积累项目开发经验，从而满足企业实际开发的需求。
《Vue.js从入门到项目实战》的特色如下：
零基础、入门级的讲解
无论您是否从事计算机相关行业，无论您是否接触过Vue框架，都能从本书中找到适合的起点。
实用、专业的范例和项目
本书在编排上紧密结合深入学习Vue框架技术的过程，从Vue框架基本操作开始，逐步带领读者学习Vue框架的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简明轻松，操作起来有章可循。
随时随地学习
本书提供了微课视频，随时随地解决学习中的困惑。
细致入微、贴心提示
本书在讲解过程中，在各章中使用了“注意”“提示”“技巧”等小栏目，使读者在学习过程中能更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。
超值资源大放送
全程同步教学录像
涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。比看书更能轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分可使您得到比书中更多的收获。
超多容量优质资源
赠送大量优质资源，包括实例源代码、教学幻灯片、本书精品教学视频、实用网页模板、网页开发必备参考手册、HTML 5 标签速查手册、精选的JavaScript 实例、CSS 3 属性速查表、JavaScript 函数速查手册、CSS DIV 布局案例赏析、精彩网站配色方案赏析、网页样式与布局案例赏析、Web 前端工程师常见面试题等。读者可以在清华大学出版社官网搜索本书获取赠送资源。
；
内容简介
《Vue.js从入门到项目实战》从零基础开始讲解，用实例引导读者深入学习，深入浅出地讲解了Vue框架的各项实战技能。 《Vue.js从入门到项目实战》共16章，主要讲解了Vue.js的基本概念，Vue实例和模板语法，计算属性、侦听器和过滤器，内置指令，页面元素样式的绑定，事件处理，双向数据绑定，组件技术，使用webpack打包，项目脚手架vue-cli，前端路由技术，状态管理等。*后列举了4个行业热点项目实训，包括神影视频App、音乐之家App、仿手机QQ页面、仿饿了么App。 《Vue.js从入门到项目实战》适合任何想学习Vue框架的人员，无论您是否从事计算机相关行业，无论您是否接触过Vue框架，通过学习本书内容均可快速掌握Vue框架设计的方法和技巧。
作者简介
作者长期从事网站开发工作，数年来承接了大量的项目，具有丰富的实践经验。
目录
目录
第1章 Vue.js简介与安装 001
1.1 Vue概述 001
1.1.1 MVVM模式 002
1.1.2 Vue是什么 002
1.1.3 Vue有什么不同 003
1.2 如何使用Vue.js 005
1.2.1 传统的前端开发模式 005
1.2.2 Vue.js的开发模式 005
1.3 安装Vue 006
1.3.1 直接用 script 引入 006
1.3.2 NPM 007
1.3.3 命令行工具 007
1.4 第一个Vue程序 007目录
第1章 Vue.js简介与安装 ； ； ；001
1.1 Vue概述 ； ；001
1.1.1 MVVM模式 002
1.1.2 Vue是什么 ； 002
1.1.3 Vue有什么不同 ； ； 003
1.2 如何使用Vue.js ； 005
1.2.1 传统的前端开发模式 ； ； 005
1.2.2 Vue.js的开发模式 005
1.3 安装Vue ； ；006
1.3.1 直接用＜script＞引入 006
1.3.2 NPM 007
1.3.3 命令行工具 007
1.4 第一个Vue程序 007
1.5 疑难解惑 010
第2章 Vue实例和模板语法 011
2.1 Vue实例 011
2.1.1 创建一个Vue实例 011
2.1.2 数据与方法 012
2.1.3 实例生命周期钩子014
2.1.4 实例化多个对象 014
2.2 模板语法 018
2.2.1 插值018
2.2.2 指令021
2.2.3 缩写021
2.3 疑难解惑 022
第3章 计算属性、侦听器和过滤器 023
3.1 计算属性 023
3.2 计算属性与方法 024
3.3 侦听属性 027
3.3.1 回调值为函数方法027
3.3.2 回调值为对象 028
3.4 过滤器 030
3.5 疑难解惑 033
第4章 内置指令 035
4.1 基本指令 035
4.1.1 v-cloak 035
4.1.2 v-once 036
4.1.3 v-text与v-html 037
4.1.4 v-bind 037
4.1.5 v-on 038
4.2 条件渲染 040
4.2.1 v-if 040
4.2.2 在元素上使用v-if条件渲染分组 042
4.2.3 v-else 043
4.2.4 v-else-if 044
4.2.5 用key管理可复用的元素 045
4.2.6 v-show 047
4.2.7 v-if与v-show的区别 048
4.3 列表渲染 050
4.3.1 使用v-for 指令遍历元素 050
4.3.2 维护状态 053
4.3.3 数组更新检测 053
4.3.4 对象变更检测注意事项 056
4.3.5 在 上使用v-for 057
4.3.6 v-for 与v-if 一同使用 058
4.4 自定义指令 060
4.5 疑难解惑 062
第5 章 页面元素样式的绑定 064
5.1 绑定HTML 样式 064
5.1.1 数组语法 064
5.1.2 对象语法 066
5.1.3 在自定义组件上使用class 068
5.2 绑定内联样式 069
5.2.1 对象语法 069
5.2.2 数组语法 071
5.3 疑难解惑 072
第6 章 事件处理 074
6.1 监听事件 074
6.2 事件处理方法 075
6.3 事件修饰符 080
6.3.1 stop 修饰符 080
6.3.2 capture 修饰符 082
6.3.3 self 修饰符 083
6.3.4 once 修饰符 085
6.3.5 prevent 修饰符 085
6.3.6 passive 修饰符 086
6.4 按键修饰符 087
6.5 系统修饰键 089
6.6 案例实战——仿淘宝Tab 栏切换 090
6.7 疑难解惑 092
第7 章 表单输入绑定（双向数据绑定） 094
7.1 双向绑定 094
7.2 基本用法 095
7.2.1 文本095
7.2.2 多行文本 096
7.2.3 复选框 096
7.2.4 单选按钮 097
7.2.5 选择框 098
7.3 值绑定 101
7.3.1 绑定复选框 101
7.3.2 绑定单选按钮 101
7.3.3 绑定选择框 102
7.4 修饰符 103
7.4.1 lazy 修饰符 103
7.4.2 number 修饰符 103
7.4.3 trim 修饰符 104
7.5 案例实战1——小游戏破坏瓶子 105
7.6 案例实战2——设计动态表格 107
7.7 疑难解惑 110
第8 章 组件技术 113
8.1 组件是什么 113
8.2 组件的注册 114
8.2.1 全局注册 114
8.2.2 局部注册 117
8.3 组件中的data 选项 119
8.4 组件中的props 选项 121
8.5 组件的复用 124
8.6 组件间的数据通信 126
8.6.1 父组件向子组件通信 126
8.6.2 子组件向父组件通信 127
8.7 插槽 129
8.7.1 认识插槽 129
8.7.2 具名插槽 132
8.7.3 作用域插槽 135
8.7.4 解构插槽 137
8.8 案例实战——设计照片相册 139
8.9 疑难解惑 143
第9 章 使用webpack 打包 145
9.1 前端工程化与 webpack 145
9.2 webpack 基础配置 148
9.2.1 安装 webpack 与 webpack-devserver 148
9.2.2 webpack 的核心概念 149
9.2.3 完善配置文件 152
9.3 单文件组件与vue-loader 154
9.4 疑难解惑 160
第10 章 项目脚手架vue-cli 161
10.1 脚手架的组件 161
10.2 脚手架环境搭建 162
10.3 安装脚手架 164
10.4 创建项目 165
10.4.1 使用命令165
10.4.2 使用图形化界面 167
10.5 疑难解惑 171
第11 章 前端路由技术 172
11.1 实现Vue 前端路由控制 172
11.1.1 前端路由的实现方式 172
11.1.2 路由实现步骤 173
11.2 命名路由、命名视图和路由传参 177
11.2.1 命名路由 177
11.2.2 命名视图 179
11.2.3 路由传参 183
11.3 编程式导航 191
11.4 组件与Vue Router 间解耦 194
11.4.1 布尔模式解耦 194
11.4.2 对象模式解耦 197
11.4.3 函数模式解耦 198
11.5 疑难解惑 198
第12 章 状态管理 200
12.1 Vuex 概述 200
12.1.1 状态管理模式 200
12.1.2 Vuex 的应用场合 202
12.2 Vuex 的安装与使用 202
12.2.1 安装Vuex 202
12.2.2 Promise 对象 203
12.2.3 使用Vuex 203
12.3 在项目中使用Vuex 205
12.3.1 使用脚手架搭建一个项目 205
12.3.2 state 对象 209
12.3.3 getter 对象 210
12.3.4 mutation 对象 212
12.3.5 Action 对象 213
12.4 疑难解惑 215
第13 章 项目实训1——神影视频App 216
13.1 准备工作 216 13.1.1 开发环境216
13.1.2 搭建Vue 脚手架 216
13.2 网站概述 219
13.2.1 网站结构219
13.2.2 初始化项目文件 220
13.3 设计项目组件 221
13.3.1 设计头部和底部导航组件 222
13.3.2 设计电影页面组件 224
13.3.3 设计影院页面组件 235
13.3.4 设计我的页面组件 238
13.4 设计项目页面组件及路由配置 239
13.4.1 电影页面组件及路由 239
13.4.2 影院页面组件及路由 242
13.4.3 我的页面组件及路由 244
第14 章 项目实训2——音乐之家App 246
14.1 项目概述 246
14.1.1 开发环境246
14.1.2 技术概括247
14.1.3 项目结构247
14.2 入口文件 248
14.2.1 项目入口页面（index.html） 248
14.2.2 程序入口文件（main.js） 249
14.2.3 组件入口文件（App.vue） 249
14.3 状态管理 252
14.3.1 store/api.js 252
14.3.2 store/index.js 253
14.4 项目组件设计 254
14.4.1 欢迎组件255
14.4.2 播放组件256
14.4.3 歌曲信息组件 259
14.4.4 歌曲列表组件 261
14.4.5 歌曲详情组件 262
第15 章 项目实训3——仿手机QQ 页面 266
15.1 项目概述 266
15.1.1 开发环境266
15.1.2 技术概括267
15.1.3 项目结构267
15.2 入口文件 268
15.2.1 项目入口页面 268
15.2.2 程序入口文件 269
15.2.3 组件入口文件 269
15.3 状态管理 272
15.3.1 action.js 272
15.3.2 getters.js 273
15.3.3 mutations.js 273
15.3.4 store.js 275
15.4 项目组件及路由 276
15.4.1 配置路由276
15.4.2 顶部导航栏组件 277
15.4.3 侧边栏导航组件 278
15.4.4 搜索组件280
15.4.5 个人信息页面组件 283
15.4.6 底部tab 栏组件 286
15.4.7 消息页面组件 288
15.4.8 聊天组件291
15.4.9 朋友页面组件 295
15.4.10 动态页面组件 298
15.5 模拟请求数据 300
第16 章 项目实训4——仿饿了么App 302
16.1 项目概述 302
16.1.1 开发环境302
16.1.2 项目结构303
16.2 入口文件 304
16.2.1 项目入口页面 304
16.2.2 程序入口文件 304
16.2.3 组件入口文件 305
16.3 项目组件 306
16.3.1 头部组件306
16.3.2 商品数量控制组件 309
16.3.3 购物车组件310
16.3.4 评论内容组件 314
16.3.5 商品详情组件 317
16.3.6 星级组件320
16.3.7 商品组件321
16.3.8 评论组件324
16.3.9 商家信息组件 326
前沿
前言
为什么要写这样一本书
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。Vue.js提供了更加简洁、更易于理解的API，能够在很大程度上降低Web前端开发的难度，因此深受广大Web前端开发人员的喜爱。Vue.js库功能虽然强大，但是对于初学者来说入门比较困难，因此我们选择了让读者从入门到掌握Vue.js作为编写本书的思路，没有基础的读者通过本书学习也没有障碍。本书将项目开发中的技能融入本书的案例中，通过本书的学习，不仅可以掌握Vue.js库的使用方法，还可以积累项目开发经验，从而满足企业实际开发的需求。
本书特色
零基础、入门级的讲解
无论您是否从事计算机相关行业，无论您是否接触过Vue框架，都能从本书中找到最佳起点。
实用、专业的范例和项目
本书在编排上紧密结合深入学习Vue框架技术的过程，从Vue框架基本操作开始，逐步带领读者学习Vue框架的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来简明轻松，操作起来有章可循。
随时随地学习
本书提供了微课视频，随时随地解决学习中的困惑。
细致入微、贴心提示
本书在讲解过程中，在各章中使用了“注意”“提示”“技巧”等小栏目，使读者在学习过程中能更清楚地了解相关操作、理解相关概念，并轻松掌握各种操作技巧。
超值资源大放送
全程同步教学录像
涵盖本书所有知识点，详细讲解每个实例及项目的过程及技术关键点。比看书更能轻松地掌握书中所有的网页制作和设计知识，而且扩展的讲解部分可使您得到比书中更多的收获。
超多容量王牌资源
赠送大量王牌资源，包括实例源代码、教学幻灯片、本书精品教学视频、实用网页模板、网页开发必备参考手册、HTML 5 标签速查手册、精选的JavaScript 实例、CSS 3 属性速查表、JavaScript 函数速查手册、CSS DIV 布局案例赏析、精彩网站配色方案赏析、网页样式与布局案例赏析、Web 前端工程师常见面试题等。读者可以在清华大学出版社官网搜索本书获取赠送资源。
读者对象
没有任何Vue框架开发基础的初学者。
有一定的Vue框架开发基础，想精通前端框架开发的人员。
有一定的网页前端设计基础，没有项目经验的人员。
大专院校及培训学校的老师和学生。
创作团队
本书由胡同江编著，参加编写的人员还有刘春茂、李艳恩和李佳康。在编写过程中，我们虽竭尽所能将最好的讲解呈现给了读者，但难免有疏漏和不妥之处，敬请读者不吝指正。
编 者
Vue.js从入门到项目实战 pdf下载声明
本pdf资料下载仅供个人学习和研究使用，不能用于商业用途，请在下载后24小时内删除。如果喜欢，请购买正版
网志栈
