Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

如果你是一个已经在学习前端开发的初学者亦或者是一名在代码界纵横多年的程序员，那你一定知道现在最火的前端框架之一Vue.js。它相比于React与Angular上手更加容易，或许这也是很多初学者选择vue的原因之一。 我们看到很多招聘上都写着掌握vue开发项目，那么面试都会问什么…

本文内容讲解的内容：一张思维导图辅助你深入了解 Vue | Vue-Router | Vuex 源码架构。 2. Vue 全家桶 3. Vue 4. Vue-Router 5. Vuex 6. 已完成与待完成 因为该项目都是业余时间做的，笔者能力与时间也有限，很多细节还没有完善…

回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的…

自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。 先按文档顺序最少学习完组件那一章。…

可以看看。

... 小伙子：你为何 不按套路提问 呢？你应该这样问我：MVVM是什么，生命周期有哪些，双向绑定的原理啊，我对这些比较熟悉。 我：此时的我，被反问给愣住了（难道是我错了吗？我是农村来的不懂套路，还好我经历过风风雨雨，假装镇定下）。 看到网上vue相关的题量都非常少，完全不能满…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…