简体网页||繁体网页

☆☆☆☆☆

梁灏，陈陆扬 著

图书标签:

• Vue
• js
• 前端开发
• JavaScript
• Web开发
• 实战
• 教程
• 包邮
• 两本
• 前端

店铺： 义博图书专营店

出版社： 清华大学出版社

ISBN：9787302484929

商品编码：17539166577

YL10403  9787302484929 9787115444936

Vue.js实战

定价    79.00

出版社    清华大学出版社 

版次    1 

出版时间    2017年01月

 开本    16开 

作者    梁灏 

装帧    平装

页数    330 

字数    550000

ISBN编码    9787302484929

第1篇  基础篇 

第1章  初识Vue.js 3

1.1  Vue.js是什么 3

1.1.1  MVVM模式 3

1.1.2  Vue.js有什么不同 4

1.2  如何使用Vue.js 5

 1.2.1  传统的前端开发模式 5 

1.2.2  Vue.js的开发模式 5

第2章  数据绑定和第壹个Vue应用 8 

2.1  Vue实例与数据绑定 9

2.1.1  实例与数据 9

2.1.2  生命周期 10 

2.1.3  插值与表达式 11 

2.1.4  过滤器 13

2.2  指令与事件 15 

2.3  语法糖 18 

第3章  计算属性 19 

3.1  什么是计算属性 19

3.2  计算属性用法 20 

3.3  计算属性缓存 23 

第4章  vbind及class与style绑定 25 

4.1  了解vbind指令 25

4.2  绑定class的几种方式 26

4.2.1  对象语法 26 

4.2.2  数组语法 27 

4.2.3  在组件上使用 29 

4.3  绑定内联样式 30

第5章  内置指令 32 

5.1  基本指令 32

5.1.1  vcloak 32 

5.1.2  vonce 33 

5.2  条件渲染指令 33 

5.2.1  vif、velseif、velse 33

5.2.2  vshow 36 

5.2.3  vif与vshow的选择 36 

5.3  列表渲染指令vfor 37

5.3.1  基本用法 37 

5.3.2  数组更新 41

5.3.3  过滤与排序 43

5.4  方法与事件 44

5.4.1  基本用法 44

5.4.2  修饰符 46 

5.5  实战：利用计算属性、指令等知识开发购物车 47 

第6章  表单与vmodel 55

6.1  基本用法 55

6.2  绑定值 61 

6.3  修饰符 63

第7章  组件详解 65

7.1  组件与复用 65

7.1.1  为什么使用组件 65

7.1.2  组件用法 66 

7.2  使用props传递数据 70 

7.2.1  基本用法 70

7.2.2  单向数据流 72

7.2.3  数据验证 74 

7.3  组件通信 75

7.3.1  自定义事件 75 

7.3.2  使用vmodel 77

7.3.3  非父子组件通信 79

7.4  使用slot分发内容 83 

7.4.1  什么是slot 83

7.4.2  作用域 84

7.4.3  slot用法 85 

7.4.4  作用域插槽 87

7.4.5  访问slot 89

7.5  组件高ji用法 90 

7.5.1  递归组件 90

7.5.2  内联模板 92

7.5.3  动态组件 93

7.5.4  异步组件 94

7.6  其他 95............

Vue.js 前端开发 快速入门与专业应用

《Vue.js 前端开发 快速入门与专业应用》分为10章：简介，基础特性，指令，过滤器，过渡，组件，状态管理，常用插件，工程实例，Weex打包。从简单的单个实例和基础语法，到工程实例，将系统的讲述Vue.js在项目中的适用场景和具体操作。 书的特点在于案例详实，使读者体会到框架的优点和便捷之处，提升开发效率，能将Vue.js运用到实际项目中，避免纸上谈兵的尴尬。
第1章　Vue．js简介 
1．1　Vue．js是什么　1 
1．2　为什么要用Vue．js　2 
1．3　Vue．js的Hello world　2 
第2章　基础特性 
2．1　实例及选项　5 
2．1．1　模板　6 
2．1．2　数据　7 
2．1．3　方法　9 
2．1．4　生命周期　10 
2．2　数据绑定　12 
2．2．1　数据绑定语法　13 
2．2．2　计算属性　17 
2．2．3　表单控件　18 
2．2．4　Class与Style绑定　21 
2．3　模板渲染　22 
2．3．1　前后端渲染对比　23 
2．3．2　条件渲染　23 
2．3．3　列表渲染　25 
2．3．4　template标签用法　27 
2．4　事件绑定与监听　28 
2．4．1　方法及内联语句处理器　28 
2．4．2　修饰符　29 
2．4．3　与传统事件绑定的区别　30 
2．5　Vue．extend()　31 
第3章　指令 
3．1　内置指令　32 
3．1．1　v-bind　32 
3．1．2　v-model　33 
3．1．3　v-if-else-show　33 
3．1．4　v-for　33 
3．1．5　v-on　34 
3．1．6　v-text　34 
3．1．7　v-HTML　35 
3．1．8　v-el　35 
3．1．9　v-ref　35 
3．1．10　v-pre　36 
3．1．11　v-cloak　36 
3．1．12　v-once　37 
3．2　自定义指令基础　37 
3．2．1　指令的注册　37 
3．2．2　指令的定义对象　37 
3．2．3　指令实例属性　39 
3．2．4　元素指令　40 
3．3　指令的高级选项　41 
3．3．1　params　41 
3．3．2　deep　42 
3．3．3　twoWay　43 
3．3．4　acceptStatement　44 
3．3．5　terminal　44 
3．3．6　priority　45 
3．4　指令在Vue．js 2．0中的变化　46 
3．4．1　新的钩子函数　46 
3．4．2　钩子函数实例和参数变化　46 
3．4．3　update函数触发变化　47 
3．4．4　参数binding对象　47 
第4章　过滤器 
4．1　过滤器注册　48 
4．2　双向过滤器　49 
4．3　动态参数　50 
4．4　过滤器在Vue．js 2．0中的变化　51 
第5章　过渡 
5．1　CSS过渡　52 
5．1．1　CSS过渡的用法　52 
5．1．2　CSS过渡钩子函数　54 
5．1．3　显示声明过渡类型　57 
5．1．4　自定义过渡类名　57 
5．2　过渡　58 
5．2．1　Velocity．js　58 
5．2．2　过渡使用　58 
5．3　过渡系统在Vue．js 2．0中的变化　59 
5．3．1　用法变化　59 
5．3．2　类名变化　60 
5．3．3　钩子函数变化　61 
5．3．4　transition-group　63 
第6章　组件 
6．1　组件注册　65 
6．1．1　全局注册　65 
6．1．2　局部注册　66 
6．1．3　注册语法糖　67 
6．2　组件选项　67 
6．2．1　组件选项中与Vue选项的区别　67 
6．2．2　组件Props　68 
6．3　组件间通信　71 
6．3．1　直接访问　71 
6．3．2　自定义事件监听　72 
6．3．3　自定义事件触发机制　72 
6．3．4　子组件索引　75 
6．4　内容分发　76 
6．4．1　基础用法　76 
6．4．2　编译作用域　77 
6．4．3　默认slot　78 
6．4．4　slot属性相同　79 
6．4．5　Modal实例　79 
6．5　动态组件　82 
6．5．1　基础用法　82 
6．5．2　keep-alive　83 
6．5．3　activate 钩子函数　84 
6．6　Vue．js 2．0中的变化　85 
6．6．1　event　85 
6．6．2　keep-alive　86 
6．6．3　slot　87 
6．6．4　refs　87 
第7章　Vue．js常用插件 
7．1　Vue-router　88 
7．1．1　引用方式　88 
7．1．2　基本用法　89 
7．1．3　嵌套路由　90 
7．1．4　路由匹配　92 
7．1．5　具名路由　93 
7．1．6　路由对象　93 
7．1．7　v-link　94 
7．1．8　路由配置项　95 
7．1．9　route钩子函数　96 
7．1．10　路由实例属性及方法　99 
7．1．11　vue-router 2．0 的变化　100 
7．2　Vue-resource　104 
7．2．1　引用方式　104 
7．2．2　使用方式　105 
7．2．3　$http的api方法和选项参数　105 
7．2．4　拦截器　107 
7．2．5　$resource用法　107 
7．2．6　封装Service层　109 
7．3　Vue-devtools　109 
7．3．1　安装方式　110 
7．3．2　使用效果　110 
第8章　Vue．js工程实例 
8．1　准备工作　111 
8．1．1　webpack　111 
8．1．2　vue-loader　113 
8．2　目录结构　115 
8．3　前端开发　117 
8．4　后端联调　122 
8．5　部署上线　124 
8．5．1　生成线上文件　124 
8．5．2　nginx　125 
8．5．3　gitlab　126 
8．5．4　jenkins　127 
第9章　状态管理：Vuex 
9．1　概述　130 
9．2　简单实例　131 
9．2．1　所需组件　131 
9．2．2　创建并注入store　132 
9．2．3　创建action及组件调用方式　133 
9．2．4　创建mutation　134 
9．2．5　组件获取state　135 
9．3　严格模式　137 
9．4　中间件　137 
9．4．1　快照　138 

10．6．7　storage　182 。。。。。。。。。

揭秘现代前端开发：从零到精通的JavaScript全景图 在这个数字化浪潮汹涌澎湃的时代，前端开发无疑是连接用户与互联网世界的关键桥梁。从流畅的用户界面到响应式的交互体验，每一个细节都凝聚着开发者的智慧与汗水。本书并非一本关于特定框架的教程，而是旨在为读者构建一个全面、深入、系统化的前端开发知识体系。我们将带领你走进JavaScript的核心，探索其强大的语言特性，然后逐步攀登到现代前端开发的顶峰，让你能够自信地应对各种复杂的项目挑战。 第一部分：JavaScript的基石——语言精髓与核心概念 JavaScript的演进与现代标准（ES6+） 回顾JavaScript从诞生至今的历程，理解其不断演进的强大生命力。 深入剖析ES6（ECMAScript 2015）及其后续版本带来的革命性特性，例如： 变量声明： `let` 和 `const` 的应用场景与 `var` 的区别，理解块级作用域的重要性。 箭头函数： 简洁的语法，this指向的独特处理方式，以及在回调函数中的应用。 模板字符串： 字符串拼接的便捷方式，支持多行文本和表达式嵌入。 解构赋值： 数组和对象的灵活取值方式，极大地提高了代码的可读性和简洁性。 类（Class）： 面向对象编程的语法糖，理解原型链继承与类的关系，掌握构造函数、继承、静态方法等。 模块化（Modules）： `import` 和 `export` 的使用，实现代码的结构化和复用，解决命名冲突。 Promise： 异步编程的优雅解决方案，理解其解决回调地狱的机制，掌握`then`、`catch`、`finally`以及`Promise.all`、`Promise.race`等。 async/await： 基于Promise的语法糖，让异步代码看起来像同步代码一样易读易写，深入理解其工作原理。 Set 和 Map： 新型数据结构，了解它们的特性、用法以及与Array、Object的区别，适用于特定场景的高效操作。 展开运算符（Spread Operator）和剩余参数（Rest Parameters）： 灵活处理数组和对象，用于函数传参和数组/对象合并。 通过大量的代码示例和实际应用场景，帮助读者真正理解这些新特性的价值和使用技巧。 深入理解JavaScript引擎与事件循环 揭示JavaScript代码是如何被执行的，理解V8等JavaScript引擎的工作原理。 详解事件循环（Event Loop）机制：宏任务（Macrotasks）和微任务（Microtasks）的概念，理解回调函数、Promise、setTimeout、setInterval等在事件循环中的执行顺序。 通过图示和模拟场景，帮助读者清晰地把握异步操作的执行流程，避免常见的异步bug。 原型链与继承的本质 深入剖析JavaScript对象的原型链机制，理解`__proto__`、`prototype`以及`Object.create()`的底层联系。 掌握JavaScript中实现继承的多种方式：原型链继承、构造函数继承、组合继承、寄生组合继承，并分析它们的优缺点。 理解class语法的背后仍然是原型链的实现，加深对JavaScript面向对象特性的认知。 作用域、闭包与内存管理 精确理解全局作用域、函数作用域、块级作用域，以及它们如何影响变量的访问。 深入讲解闭包（Closure）的概念，理解其工作原理，以及在实际开发中的妙用，例如：数据封装、函数工厂、柯里化等。 探讨JavaScript的垃圾回收机制（Garbage Collection），理解内存泄漏的成因，以及如何编写更高效、更节省内存的代码。 现代JavaScript的常用API与工具 Array和Object的高级用法： 掌握`map`, `filter`, `reduce`, `forEach`, `find`, `findIndex`, `some`, `every`等数组方法，以及`Object.keys`, `Object.values`, `Object.entries`等对象方法，用函数式编程的思想简化操作。 字符串和日期处理： 常用字符串方法的灵活运用，以及Date对象的精确操作。 正则表达式： 掌握正则表达式的语法和常用匹配模式，用于数据验证、文本提取和替换。 Fetch API： 现代浏览器提供的网络请求API，替代XMLHttpRequest，理解其基于Promise的特性，以及如何进行GET, POST等请求。 Web Workers： 实现JavaScript的多线程，避免在主线程上执行耗时操作，提高应用的响应速度。 IndexedDB： 浏览器端的本地数据库，用于存储大量结构化数据。 第二部分：构建现代前端应用 HTML5与CSS3的精炼实践 语义化HTML5： 深入理解`header`, `nav`, `main`, `article`, `section`, `aside`, `footer`等新语义化标签的用途，构建更易于理解和SEO优化的网页结构。 响应式设计： 掌握媒体查询（Media Queries），使用Flexbox和CSS Grid布局技术，实现跨设备、多屏幕适配的优秀用户体验。 CSS3新特性： 过渡（Transitions）和动画（Animations）： 创建流畅、吸引人的视觉效果。 变量（Variables）： 提高CSS的可维护性和可重用性。 伪类和伪元素： 实现更精细的样式控制。 滤镜（Filters）和变换（Transforms）： 增强元素的视觉表现力。 渐变（Gradients）： 创造丰富的背景效果。 CSS预处理器（Sass/Less）基础： 理解变量、嵌套、Mixin、继承等特性，提升CSS的编写效率和可维护性。 Webpack/Vite等模块打包工具的原理与配置 理解模块打包工具在现代前端开发中的核心地位：代码分割、资源优化、性能提升。 Webpack： 核心概念：Entry, Output, Loaders, Plugins。 配置项详解：如何配置不同的loader（如babel-loader, css-loader, file-loader）来处理不同类型的文件。 常用Plugins：HtmlWebpackPlugin, MiniCssExtractPlugin, TerserWebpackPlugin等。 代码分割与懒加载：提升首屏加载速度。 开发模式与生产模式的配置区别。 Vite： 理解Vite的高速开发服务器和基于Rollup的生产构建。 ESM原生支持带来的优势。 及其插件系统。 通过实际项目配置案例，帮助读者掌握这些工具的配置技巧。 版本控制系统Git与协作流程 Git的基本概念：仓库、提交、分支、合并。 常用命令：`clone`, `add`, `commit`, `push`, `pull`, `branch`, `checkout`, `merge`, `rebase`。 多人协作流程：`fork`, `pull request`（或`merge request`），代码审查（Code Review）。 理解Git的工作流程，以及如何利用Git进行高效的代码管理和团队协作。 调试技巧与性能优化 浏览器开发者工具（Chrome DevTools）深度使用： Elements, Console, Sources, Network, Performance, Application等面板的精通。 断点调试、条件断点、console.log的艺术。 网络请求分析：理解HTTP请求、响应、缓存。 性能分析：CPU占用、内存使用、页面渲染时间。 前端性能优化策略： 代码优化：减少HTTP请求，合并文件，使用CDN。 资源优化：图片压缩，字体优化。 渲染优化：懒加载，虚拟滚动。 缓存策略：HTTP缓存，本地存储。 代码压缩与混淆。 第三部分：进阶主题与生态探索 TypeScript：强类型语言的优势与应用 理解TypeScript相对于JavaScript的优势：静态类型检查、代码可读性、可维护性。 基本类型：`string`, `number`, `boolean`, `array`, `object`, `any`, `void`, `null`, `undefined`。 接口（Interface）和类型别名（Type Alias）的应用。 类、函数、泛型（Generics）的类型定义。 联合类型（Union Types）和交叉类型（Intersection Types）。 如何在实际项目中引入TypeScript，以及与现有JavaScript项目的兼容性。 前端工程化与CI/CD简介 理解前端工程化的概念：提升开发效率、代码质量、项目可维护性。 Linting（ESLint）与Formatting（Prettier）的重要性，保证代码风格统一。 自动化测试：单元测试（Jest/Vitest）、集成测试、端到端测试（Cypress/Playwright）的基本概念和实践。 持续集成（CI）与持续部署（CD）的原理：自动化构建、测试、部署流程，加速产品迭代。 Web Components：构建可复用组件的标准 理解Web Components的三个核心技术：Custom Elements, Shadow DOM, HTML Templates。 如何创建独立的、可复用的组件，不受框架限制。 Web Components在现代化Web开发中的潜力。 SSR（Server-Side Rendering）与SSG（Static Site Generation） 理解SSR与CSR（Client-Side Rendering）的区别。 SSR的优势：SEO优化，首屏加载速度提升。 SSG的优势：极高的性能，安全性。 常见SSR/SSG框架（如Next.js, Nuxt.js）的应用场景和基本原理。 浏览器API深入探索 DOM API： 深入理解DOM节点的查找、创建、修改、删除，事件监听与冒泡/捕获机制。 Storage API： SessionStorage, LocalStorage, Cookie的特性、应用场景与区别。 History API： 实现单页面应用的路由管理。 Canvas API： 用于绘制图形和图像，实现动态视觉效果。 Web Audio API： 控制音频播放和处理。 WebSocket API： 实现浏览器与服务器的实时双向通信。 结语 本书旨在成为您前端开发旅程中一份宝贵的财富。我们不仅讲解“是什么”，更侧重于“为什么”和“如何做”。通过对JavaScript核心的深度挖掘，对现代前端工具链的精通掌握，以及对前沿技术理念的探索，您将能够从容应对日益复杂的前端挑战，构建出高性能、可维护、用户体验卓越的Web应用。这份知识体系将为您打开通往高级前端开发的大门，让您在技术浪潮中站稳脚跟，不断前行。

评分☆☆☆☆☆

作为一个对技术充满好奇心的学生党，我一直渴望找到一本既能带我入门，又能让我快速上手实践的 Vue.js 入门书籍。这套《包邮 Vue.js实战+Vue.js 前端开发》完全满足了我的需求！《Vue.js实战》这本书的语言风格非常平易近人，不会出现那些晦涩难懂的专业术语，让我这个前端小白也能轻松理解。它从零开始，一步步教我如何搭建开发环境，如何创建第一个 Vue 组件，再到如何实现数据绑定、事件处理等核心功能。书中的每一个例子都非常生动有趣，让我学习起来一点也不枯燥。我最喜欢的是书里的一些小练习，它们能帮助我巩固刚刚学到的知识，而且每次完成一个练习，都会有一种小小的成就感。更重要的是，这本书强调“实战”，让我学到的知识能立刻运用到实际项目中，而不是停留在理论层面。现在，我已经能够独立完成一些简单的 Vue.js 应用了，这离不开这套书的帮助。

评分☆☆☆☆☆

我是一名有着多年前端开发经验的开发者，但一直以来都是 jQuery 和原生 JavaScript 的忠实拥趸。最近公司项目开始尝试引入 Vue.js，作为技术负责人，我必须快速上手并带领团队。这套《包邮 Vue.js实战+Vue.js 前端开发》无疑是我学习路上的及时雨。我被《Vue.js 前端开发》这本书深深吸引，它不仅仅是对 Vue.js 语法特性的介绍，更侧重于讲解 Vue.js 在实际项目中的最佳实践和工程化解决方案。从项目的构建、模块化管理，到组件化开发、状态管理（Vuex），再到路由（Vue Router）的深入应用，这本书都给出了非常详尽且实用的指导。我特别欣赏书中关于如何组织大型 Vue.js 项目的章节，它帮助我理清了思路，避免了在项目规模扩大后可能出现的混乱。书中的一些架构设计理念，也让我受益匪浅，为我们团队构建健壮、可维护的 Vue.js 应用打下了坚实的基础。总而言之，这是一套非常适合有一定前端基础，想要系统学习并应用 Vue.js 进行实际项目开发的开发者阅读的书籍。

评分☆☆☆☆☆

这套书真是意外的惊喜！我一直对 Vue.js 颇感兴趣，但总觉得网上零散的资料看得云里雾里，缺乏系统性。这次入手了这套《包邮 Vue.js实战+Vue.js 前端开发》，简直是给我打开了新世界的大门。首先，它的内容安排非常合理，从最基础的概念讲起，循序渐进，一点点深入到更复杂的实际应用。我尤其喜欢《Vue.js实战》这本，里面的案例都非常贴合实际开发需求，从一个简单的待办事项列表，到更复杂的电商项目，每一步都讲解得清晰透彻，甚至连一些容易出错的小细节都给出了提示。我感觉自己就像跟着经验丰富的老师傅在学习一样，每一个知识点都学得扎实。而且，书中的代码示例都写得非常规范，结构清晰，可读性很强，让我很容易理解其中的逻辑。最重要的是，它不仅仅是教你“怎么做”，更是让你明白“为什么这么做”，这对于培养真正的开发思维至关重要。读完之后，我感觉自己对 Vue.js 的掌握程度有了质的飞跃，自信了很多，也更有动力去挑战更复杂的项目了。

评分☆☆☆☆☆

我是一名工作了几年，但对前端技术框架更新换代感到有些跟不上节奏的开发者。在工作中，我发现越来越多的项目开始使用 Vue.js，为了不被淘汰，我下定决心要好好学习一下。这套《包邮 Vue.js实战+Vue.js 前端开发》系列，我可以说是一口气读下来的，收获颇丰。《Vue.js 前端开发》这本书，让我对 Vue.js 的认识不再局限于表面的语法，而是上升到了一个更宏观的层面。它详细讲解了 Vue.js 的生命周期、指令、模板语法、响应式原理等等，这些底层原理的理解，让我对 Vue.js 的工作机制有了更深刻的认识，也为我排查和解决一些棘手的bug提供了思路。书中还对一些高级特性，比如自定义指令、混入（mixins）、插件机制等进行了深入的剖析，这些内容让我感觉自己的技术栈得到了极大的扩展。而且，这本书的排版设计也非常舒适，阅读起来一点都不费眼，让我能够沉浸在知识的海洋中。

评分☆☆☆☆☆

作为一名长期从事后端开发的开发者，最近需要学习一些前端技能来更好地与前端团队协作，Vue.js 成为了我的首选。这套《包邮 Vue.js实战+Vue.js 前端开发》非常适合我这样的“半路出家”的学习者。《Vue.js实战》这本书，从最基础的 HTML、CSS、JavaScript 概念讲起，然后自然地过渡到 Vue.js 的核心概念，这种循序渐进的方式让我感到非常安心。我不需要担心因为缺乏前端基础而跟不上进度。书中的例子都非常简单明了，通过一个个小案例，我能够快速理解 Vue.js 的数据驱动、组件化等核心思想。我特别喜欢书里面提到的“响应式系统”，它让我明白了为什么 Vue.js 的开发效率如此之高。此外，这本书的语言风格非常直接，没有太多花哨的理论，而是专注于如何让你动手去实现功能。通过这本书，我不仅学会了 Vue.js 的基础用法，还对前端开发有了更直观的认识，这对于我以后与前端团队沟通交流非常有帮助。