深入实战Vue开发

Vue作为前端框架三剑客中的一个，凭借易上手和双向绑定等特性杀出重围。经过多次迭代，Vue已经可以在大型项目中有所担当，对于平时小的需求更是能灵活应对。在Vue 3中，引入了组合式API，使得代码的开发更聚合，同时也更加有利于Tree Shaking来优化打包的大小。

本书以Vue 3版本为基础，主要介绍了Vue各API的特性和使用，在讲解过程中主要突出了以下特点：

一是指明每个接口在实际乃至大型项目中的使用频度（哪些需要重点深挖，值得花时间学习；哪些只需要简单理解，没有必要花太多的时间学习），从而做到花较少的时间适应平时的开发工作。

二是将知识点和实际开发中遇到的问题融合起来，使用实例进行讲解分析。

三是在必要的情况下分析接口的实现原理。

四是结合许多实战中遇到的问题和中大型项目的开发经验给出心得体会，即使读者没有机会接触中大型项目，也能了解中大型项目开发都会遇到哪些问题。

本书适合有一定Vue基础想深入提升技能以及对Vue 3技术感兴趣的开发人员使用。

本书以Vue 3版本为基础，通过大量的实战案例深入分析了Vue 接口（API）的特性、原理与应用场景，着重介绍了每个API的使用频率、细节、注意点和在项目中的应用，书中给出了编者在大厂工作中总结的大量Vue开发中的项目经验与案例，有助于读者深入理解Vue的原理并提升项目经验。通过阅读本书，读者能够在没有接触大型项目的情况下也可以了解Vue在大型项目中的使用。

本书适合有一定Vue基础想深入提升技能的开发人员以及对Vue 3技术感兴趣的各类开发人员使用。

　　 殷荣桧，硕士，毕业于中国科学技术大学软件工程专业，主要从事前端开发及各种主流语言和框架的研究，近年来致力于Vue.js在前端开发中的应用，曾主导开发多个大型项目，现就职于腾讯公司，任职前端开发工程师。

　　★“工欲善其事，必先利其器。”好的工具能达到事半功倍的效果，这本书可以说是一本很好的工具书。书中逐个对Vue的API进行剖析，同时结合案例进行讲解，很容易理解。纵观全书，可以看出作者在写作该书时花了大量的心血，每一个API者B深挖细节，尽量做到让读者能够了解实战中使用的场景，避开实战中的坑位。
　　由于Vue在大型项目中的使用越来越多，前端在开发中的重要性越来越凸显，因此使用Vue进行快速、高效的迭代开发已经成为当下很多公司考虑的问题。该书恰恰是加快读者了解和深入学习Vue的好帮手，能够给读者带来很多帮助。
　　——腾讯高级工程师／王云峰
　　
　　★该书叙述由浅入深，思考环环相扣。每节内容都先给出学习目的，明确探究范围，然后给出案例代码，论证结果，再进行主题的升华，思考背后的原理和实现。该书以通俗易懂的方式阐述作者的观点，真正做到从实战中来、到实战中去，是一本不可多得的好书。
　　该书对于初级开发人员来说是一本非常好的实战教程，相比于官方文档，作者从更加实际的使用场景切入，讲述了如何正确合理地使用Vue，并指引开发人员深入思考。对于资深开发人员来说，作者的思考方式或许能打开一个全新的Vue世界大门，从多角度、多层次来看待同一个问题。
　　阅读这本书，犹如思想的火花在交流中碰撞，受益匪浅。
　　——前腾讯前端工程师／余智

第1章 应用配置
1．1 errorHandler
1．2 warnHandler
1．3 globalProperties
1．4 isCustomElement
1．5 optionMergeStrategies
1．6 performance

第2章 应用API
2．1 component
2．2 config
2．3 directive
2．4 mixin
2．5 mount
2．6 provide
2．7 unmount
2．8 use

第3章 全局API
3．1 createApp
3．2 defineComponent
3．3 defineAsyncComponent
3．4 resolveComponent
3．5 resolveDynamicComponent
3．6 resolveDirective-withDirectives
3．7 createRenderer
3．8 nextTick

第4章 选项式API
4．1 Data
4．1．1 data属性
4．1．2 props属性
4．1．3 computed属性
4．1．4 methods属性
4．1．5 watch属性
4．1．6 emits属性
4．2 DOM
4．2．1 template
4．2．2 render
4．3 生命周期钩子
4．3．1 beforeCreate
4．3．2 created
4．3．3 beforeMount
4．3．4 mounted
4．3．5 beforeUpdate
4．3．6 updated
4．3．7 activated
4．3．8 deactivated
4．3．9 beforeUnmount/unmounted
4．3．10 errorCaptured
4．3．11 renderTracked/renderTriggered
4．4 选项/资源
4．4．1 directives
4．4．2 components
4．5 组合
4．5．1 mixins
4．5．2 extends
4．5．3 provide/inject
4．5．4 setup
4．6 杂项
4．6．1 name
4．6．2 delimiters
4．6．3 inheritAttrs

第5章 实例property
5．1 $data
5．2 $props
5．3 $el
5．4 $options
5．5 $parent
5．6 $root
5．7 $slots
5．8 $refs
5．9 $attrs

第6章 实例方法
6．1 $watch
6．2 $emit
6．3 $forceUpdate
6．4 $nextTick

第7章 指令
7．1 v-text
7．2 v-html
7．3 v-show
7．4 v-if
7．5 v-else/v-else-if
7．6 v-for
7．7 v-on
7．8 v-bind
7．9 v-model
7．10 v-slot
7．11 v-pre
7．12 v-cloak
7．13 v-once
7．14 v-is

第8章 特殊指令
8．1 key
8．2 ref
8．3 is

第9章 内置组件
9．1 component
9．2 transition
9．3 transition-group
9．4 keep-alive
9．5 slot
9．6 teleport

第10章 响应性API
10．1 响应式基础API
10．1．1 reactive
10．1．2 readonly
10．1．3 isProxy
10．1．4 isReactive
10．1．5 isReadonly
10．1．6 toRaw
10．1．7 markRaw
10．1．8 shallowReactive
10．1．9 shallowReadonly
10．2 refs
10．2．1 ref
10．2．2 unref
10．2．3 toRef
10．2．4 toRefs
10．2．5 isRef
10．2．6 customRef
10．2．7 shallowRef
10．2．8 triggerRef
10．3 computed与watch
10．3．1 computed
10．3．2 watchEffect
10．3．3 watch

第11章 组合式API
11．1 setup
11．2 生命周期钩子
11．3 provide/inject
11．4 getCurrentInstance

前 言

前端可以说是一个艺术与代码结合的行业。当初之所以选择前端，也正是因为这一点。用代码成功地实现一个漂亮的页面或是一个漂亮的动画效果，就好像自己完成了一幅艺术作品。当初在大学的时候没有前端这个专业，所以只能自学前端，那时候的前端和现在的比简直是天壤之别。前后端代码不分离，没有打包的概念，甚至连前端这个行当都是后端开发在兼职完成。当初，前端的标配是HTML+JS+CSS，图书馆有很多关于这几门技术“从入门到精通”的书，当初确实也是通过这些书入门的，但是精通就不是一件简单的事情了。精通一门语言需要足够多的理论与实战的反复碰撞，需要经过无数bug的历练和拷打。任何理论与实际一旦分离，都将是空中楼阁。随着时间的推移，前端在计算机技术中逐渐占有了一席之地。前端技术逐渐丰富起来，随着前端项目规模越来越大，前端也出现了自己的开发框架Vue、React等，以及各种各样的打包工具。前端从当初的无类型JavaScript，发展到今天的有类型TypeScript。从前端新技术推陈出新的速度也可以看出，前端还处于发展上升期，所要完成的工作将越来越多。前端所承担起的角色将会越来越重要，肩负的责任和使命也将越来越大。

Vue作为众多框架中的一个，凭借着易上手和双向绑定等特性杀出重围。经历过多次的迭代，Vue已经可以在大型项目中有所担当，对于平时小的需求更是能灵活应对。在Vue 3中，Vue更是引入了组合式API，使得代码的开发更为聚合，同时也更加有利于Tree Shaking来优化打包的大小。这些新的特点都将会在本书相关章节中进行详细的分析。

我为什么要写这样一本书呢？因为在平时开发Vue项目的时候遇到问题会上网搜索，找到的答案质量良莠不齐，需要花费很长的时间从中筛选，或者压根就不是想要找的，从而浪费了很多时间。其实遇到问题时还有一种方式，就是查看官方文档。官方文档作为一个工具文档是作为一个有追求的开发者来说是一定要看懂的。但是，对于一个刚学习Vue或者短暂开发过Vue甚至是Vue中度使用者来说，官方文档则令人望而生畏，因为其中包含了各种全新的看不懂的概念以及各种接口和方法。当你下定决心把官方文档细读一遍的时候，却发现有那么多新的概念，以至于哪个是平时常用的、哪些可能在工作中是用不到，都不清楚。可能很多时间都花在了平常用不到的知识点上。好不容易搞懂了，即因为缺乏实战很快就忘记了，白白浪费了很多宝贵的时间。要知道，二八理论在任何领域都是适用的，即20%的知识点就可以应对工作中80%的工作。写这本书就是为了着重解决上面的这些问题。一是指明每个接口在实际乃至大型项目中的使用频度（哪些需要重点深挖，值得去花时间学习；哪些只需要简单理解，没有必要花太多的时间学习），从而做到花较少的时间

适应平时的开发工作。二是将知识点在实际开发中遇到的问题使用实例进行讲解分析。三是在必要的情况下分析接口的实现原理。四是结合许多实战中遇到的问题和中大型项目开发经验，即使现在没有机会接触中大型项目也能了解中大型项目的开发都会遇到哪些问题以及一些好的经验的总结和整理。

由于本人水平有限，当你在书中看到疏漏之处时，可以在本人的Github主页（Github Id: JackieWillen）《深入实战Vue开发》项目下提交issue，我会在后期的再版书籍中进行更正。

最后，这本书能够顺利完成，需要感谢前腾讯人余智以及腾讯高级工程师王云峰的帮助和指正。感谢清华大学出版社王金柱老师的帮助和支持。最后，感谢妻子的帮助和支持。

殷荣桧

2021年3月2日