新書推薦:
《
成吉思汗传:看历代帝王将相谋略 修炼安身成事之根本
》
售價:NT$
280.0
《
爱丁堡古罗马史-罗马城的起源和共和国的崛起
》
售價:NT$
349.0
《
自伤自恋的精神分析
》
售價:NT$
240.0
《
大宋悬疑录:貔貅刑
》
售價:NT$
340.0
《
不被大风吹倒
》
售價:NT$
300.0
《
人生解忧:佛学入门四十讲
》
售價:NT$
490.0
《
东野圭吾:分身(东野圭吾无法再现的双女主之作 奇绝瑰丽、残忍又温情)
》
售價:NT$
295.0
《
浪潮将至
》
售價:NT$
395.0
|
編輯推薦: |
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。Vue.js提供了更加简洁、更易于理解的API,能够在很大程度上降低Web前端开发的难度,因此深受广大Web前端开发人员的喜爱。Vue.js库功能虽然强大,但是对于初学者来说入门比较困难,因此我们选择了让读者从入门到掌握Vue.js作为编写本书的思路,没有基础的读者通过本书学习也没有障碍。本书将项目开发中的技能融入本书的案例中,通过本书的学习,不仅可以掌握Vue.js库的使用方法,还可以积累项目开发经验,从而满足企业实际开发的需求。
《Vue.js从入门到项目实战》的特色如下:
零基础、入门级的讲解
无论您是否从事计算机相关行业,无论您是否接触过Vue框架,都能从本书中找到适合的起点。
实用、专业的范例和项目
本书在编排上紧密结合深入学习Vue框架技术的过程,从Vue框架基本操作开始,逐步带领读者学习Vue框架的各种应用技巧,侧重实战技能,使用简单易懂的实际案例进行分析和操作指导,让读者学起来简明轻松,操作起来有章可循。
随时随地学习
本书提供了微课视频,随时随地解决学习中的
|
內容簡介: |
《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.js005
1.2.1 传统的前端开发模式 005
1.2.2 Vue.js的开发模式 005
1.3 安装Vue006
1.3.1 直接用引入 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-cloak035
4.1.2 v-once036
4.1.3 v-text与v-html037
4.1.4 v-bind037
4.1.5 v-on 038
4.2 条件渲染040
4.2.1 v-if040
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-show047
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-for057
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 前端工程化与 webpack145
9.2 webpack 基础配置 148
9.2.1 安装 webpack 与 webpack-devserver148
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 安装Vuex202
12.2.2 Promise 对象203
12.2.3 使用Vuex203
12.3 在项目中使用Vuex205
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神影视频App216
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音乐之家App246
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 storeapi.js252
14.3.2 storeindex.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.js272
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仿饿了么App302
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框架开发基础,想精通前端框架开发的人员。
有一定的网页前端设计基础,没有项目经验的人员。
大专院校及培训学校的老师和学生。
创作团队
本书由胡同江编著,参加编写的人员还有刘春茂、李艳恩和李佳康。在编写过程中,我们虽竭尽所能将最好的讲解呈现给了读者,但难免有疏漏和不妥之处,敬请读者不吝指正。
编 者
|
|