作为vue coder，原理性的东西还是要多了解了解，学习业界大佬们的思维。当然了，面试也是跑不掉的了

这张我们开始进入组件化的学习，上一章我们在分析 createElement 的实现的时候，它最终会调用 _createElement 方法，其中有一段逻辑是对参数 tag 的判断，如果是一个普通的 html 标签，则会实例化一个普通 VNode 节点，否则通过 createCo…

在这篇文章深入源码学习Vue响应式原理讲解了当数据更改时，Vue是如何通知订阅者进行更新的，这篇文章讲得就是：视图知道了依赖的数据的更改，如何将新的数据反映在视图上。 在真实的HTML中有DOM树与之对应，在Vue中也有类似的Vnode Tree与之对应。 在jquery时代，…

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 从 Vue 初始化，到首次渲染生成 DOM 的流程。 从 Vue 数…

前端性能，这是一个很大也很有趣的一块，是每个前端工程师不可避免的问题，所以这个系列会慢慢地探讨一些关于性能方面的问题。最近也接触到一些性能方面的调试以及优化的工作，纸上得来终觉浅，绝知此事要躬行。 在 Chrome 中，我们打开 Chrome 调试面板，进入 performan…

本文是vue源码贡献值Chris Fritz在公共场合的一场分享，觉得分享里面有不少东西值得借鉴，虽然有些内容我在工作中也是这么做的，还是把大神的ppt在这里翻译一下，希望给朋友带来一些帮助。 这一点我在项目中也是这么写的。例如有请求需要再也没初始化的时候就执行一次，然后监听他…

这段脚本执行我们猜测会依次打印：1、2、3。但是实际效果中，只会输出一次：3。为什么会出现这样的情况？我们来一探究竟。 我们定义watch监听msg，实际上会被Vue这样调用vm.$watch(keyOrFn, handler, options)。$watch是我们初始化的时候…

学会看package.json文件，就像你在使用MVVM去关注它的render一样。 既然$ npm run dev命令可以重新编译出vue.js文件，那么我们就从scripts中的dev开始看吧。 注意上面指令中的两个关键词scripts/config.js和web-full…

一份学习 Vue 技术、技巧以及有幫助的参考链接清单。（分享者：GitHub）