送书 >> Vue.js 快跑 !

> Vue.js 快跑 !" data-type="jpeg" data-w="1000" style="box-shadow: rgb(20, 20, 20) 0em 0em 1em 0px;">

作者 | 王久一

主题 | 送书

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

前几天发了一篇关于Vue.js的文章：Hi，一起学Vue.js吗，给大家推荐相关的学习资源，有的小伙伴学的比较快，几天时间就把入门视频和官方文档看完了。有一位小伙伴给我留言说：

> Vue.js 快跑 !" data-type="png" data-w="716" style="">

前几天比较忙一直断更，今天才看到后台留言。老朋友 博文视点 出版社给大家提供了书籍，我挑了五本质量特别高的关于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章，具体每章的细节可以看下方目录。

> Vue.js 快跑 !" data-type="jpeg" data-w="591" style="width: 253px;height: 329px;">

《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   

参与方式

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

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

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

> Vue.js 快跑 !" data-type="png" data-w="300" style="height: 190px;white-space: normal;text-align: right;width: 190px;">

推荐阅读

1. 杂度分析原来这么简单

2. Intelli IDEA18周岁

3. Linux养成计划（八）

4. 两个月拿到阿里的Offer

> Vue.js 快跑 !" style="border-radius: 0px;box-shadow: rgb(170, 170, 170) 0em 0em 1em 0px;width: 81%;visibility: visible !important;height: auto !important;">