送书 >> Vue.js 快跑 !

桃扇骨 2021-07-31 18:47 445阅读 0赞

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg]

作者 | 王久一

主题 | 送书

**导读：**好久没有送书啦，年关将至，久一给大家送几本书。                                                                                                                                                                                                                                               **《****Vue.js快跑：构建触手可及的高性能Web应用》**

前几天发了一篇关于Vue.js的文章：

![640?wx\_fmt=png][640_wx_fmt_png]

前几天比较忙一直断更，今天才看到后台留言。老朋友 **博文视点** 出版社给大家提供了书籍，我挑了五本质量特别高的关于Vue.js书籍《Vue.js快跑：构建触手可及的高性能Web应用》送给大家。

**这位「旭尧」老弟可以直接把地址联系方式私聊给我了，包邮到家。**其余的读者可以通过抽奖码参与，公平公正。

我相信有小伙伴抱怨：有没有关于Java的书籍。过一段时间我挑几本关于SSM框架源码解析的书籍送给学Java的小伙伴，等着就行了。

下面是：《Vue.js快跑：构建触手可及的高性能Web应用》书籍的介绍和目录，如果你以前阅读过Vue.js相关文档或者看过入门视频，这本书看起来会非常舒服：

有了这本实践指南，你将迅速获得从基本用法到自定义组件以及更多高级特性——甚至包括JSX，即JavaScript语法扩展。作者Callum Macrae 向你展示了如何使用 Vue 生态系统中最实用的库，比如实现客户端路由的vue-router和实现状态管理的vuex，以及专门用于测试的vue-test-utils。如果你是一位熟练运用JavaScript、HTML和CSS的前端开发者，那么这本书将向你呈现如何使用Vue来开发一个功能齐全的Web 应用。

*   Vue.js基本用法，使用模板语法来将数据显示在页面上。
 *  从零开始，或者使用vue-cli从模板开始创建一个Vue工程。
 *  分离代码到独立组件中，从而创建一个可维护的代码库。
 *  在Vue.js中使用CSS来为你的网站或网页应用增添样式。
 *  使用render函数和JSX代替模板语法来定制页面的呈现。
 *  使用vue-router来操控页面的路由。
 *  使用vuex来集中进行状态管理。
 *  使用单元测试来确保你的组件不出问题。

《Vue.js快跑：构建触手可及的高性能Web应用》是用Vue.js构建Web应用的全方位指南。作者运用细致入微的讲解方式带你领略Vue.js的独特魅力，致力于协助你从零开始基于Vue.js创建一个Web应用。

《Vue.js快跑：构建触手可及的高性能Web应用》共7章，具体每章的细节可以看下方目录。

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg 1]

《Vue.js快跑：构建触手可及的高性能Web应用》适合对HTML和JavaScript已有一定了解，正在准备或已经使用Vue.js进行Web应用开发的从业者，也适合希望通过学习框架使用来提升对其认识的开发人员，有React使用经验的读者同样可从中获得启发。

前言

**第1 章 Vue.js 基础 **

为什么选择 Vue.js

安装和设置

vue-loader 和webpack

模板（Template）、数据（Data）和指令（Directive）

v-if vs v-show

模板中的循环

属性绑定

响应式

响应式如何实现

注意事项

双向数据绑定

动态设置 HTML

方法

this

计算属性

侦听器

监听data 对象中某个对象的属性

获取旧值

深度监听

过滤器

使用 ref 直接访问元素

输入和事件

v-on 简写

事件修饰符

生命周期钩子

自定义指令

钩子函数参数

过渡和动画

CSS 过渡

JavaScript 动画

**第2 章 Vue.js 组件    **

组件基础

数据、方法和计算属性

传递数据

Prop 验证

Prop 的大小写

响应式

数据流和 .sync 修饰符

自定义输入组件与 v-model

使用插槽（slot）将内容传递给组件

默认内容

具名插槽

作用域插槽

自定义事件

混入

混入对象和组件的合并

vue-loader 和.vue 文件

非 Prop 属性

组件和 v-for 指令

**第3 章 使用Vue 添加样式**

Class 绑定

内联样式绑定

数组语法

多重值

用vue-loader 实现Scoped CSS

用 vue-loader 实现 CSS Modules

预处理器

**第4 章 render 函数和 JSX   **

标签名称

数据对象

子节点

JSX

**第5 章 使用vue-router 实现客户端路由 **

安装

基本用法

HTML5 History 模式

动态路由

响应路由变化

路由参数作为组件属性传入

嵌套路由

重定向和别名

链接导航

tag 属性

active-class 属性

原生事件

编程式导航

导航守卫

路由独享守卫

组件内部守卫

路由顺序

404 页面

路由命名

**第6 章 使用 vuex 实现状态管理 **

安装

概念

State 及其辅助函数

State 辅助函数

Getter

Getter 辅助函数

Mutation

Mutation 辅助函数

Mutation 必须是同步函数

Action

Action 辅助函数

参数解构

Promise 与 Action

Module

文件结构

带命名空间的模块

**第7 章 对Vue 组件进行测试**

测试单个组件

介绍 vue-test-utils

查询 DOM

挂载选项

模拟和存根数据

测试事件

总结      1

附录A 搭建Vue 开发环境

附录B Vue 与React

**参与方式**

本次送书活动只有关注久一公众号的读者才可以参与，开奖后会进行审核，请谅解。

抽奖码获取方式：后台回复「**抽奖**」即可。最后欢迎小老弟们点个赞！

当然了，每人送一本是不可能的，想了解详情购买朋友可以直接扫描下方的二维码购买:

![640?wx\_fmt=png][640_wx_fmt_png 1]

**推****荐****阅****读**

***1.***

***2. ***

***3.***

***4.***

![640?][640]

[640_wx_fmt_jpeg]: /images/20210731/3ed17105ff4d4786af24ded5ed3c0ce7.png?wx_fmt=jpeg
[640_wx_fmt_png]: /images/20210731/1897ee7b162e435fbc485f43be668de6.png?wx_fmt=png
[640_wx_fmt_jpeg 1]: /images/20210731/0534d0d4b8aa450482f3b308cbb7fa07.png?wx_fmt=jpeg
[640_wx_fmt_png 1]: /images/20210731/96e6c0238d5a4e2aab12081e7e3bfad3.png?wx_fmt=png
[640]: /images/20210731/d65a9264f3784b95a2739bea528f35ad.png?