资料来源视频：用vue想拿20k，面试题要这样答 文章是在看完视频之后总结的笔记 这个视频我觉得他将的好是在于直接去解析vue的源码，从源码分析问题，简而易懂且有说服力。 总结：一共9节9个小知识点

在Vue中，data选项是个好东西，把数据往里一丢，在一个Vue组件中任何一个地方都可以通过this来读取data中数据。但是要避免滥用this去读取data中数据，至于在哪里要避免滥用，如果滥用会导致什么后果，本专栏将会一一揭晓。 在Vue源码中会把data中数据添加gett…

在性能优化上，最常见的手段就是缓存。对需要经常访问的资源进行缓存，减少请求或者是初始化的过程，从而降低时间或内存的消耗。Vue 为我们提供了缓存组件 keep-alive，它可用于路由级别或组件级别的缓存。 但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析…

详细讲解了 Vue 响应式的实现原理 以及从源码层次来回答一些和响应式相关的面试题 ........

金三银四快过去了，抓紧这段时间再复习下vue，为了在面试官前突出自己，在回答的时候能带上源码的实现和理解往往更容易成功。

很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 本文假定你对 Vue…

vue通过Object.defineProperty()来劫持各个属性的setter，getter；每个数据在修改时，会自动调用setter，在获取它时，会自动调用getter。 关于vue的双向数据绑定，以下链接的这篇博文讲的还不错，以下是思路整理和对他的代码进行的一些注释。…

拉到vue的代码之后，首先来看一下项目目录，因为本文讲的是双向绑定，所以这里主要看双向绑定这块的代码。 这个给Vue构造函数定义了_init方法，每次new Vue初始化实例时都会调用该方法。 然后我们来看下Observer构造函数里面写了什么，这里给每个对象加了value和实…