通过 parser 将 .vue 解析成对象 parts, 里面分别有 style, script, template。可以根据不同的 query, 返回对应的部分。 同样的，为了方便读者理解主要流程，笔者去掉了部分代码。 从上面代码可以看到，.vue 解析的工作其实是交给了 …

在我们平时使用各种框架的时候，都避免不了使用到一种特性，就是 生命周期 钩子，这些钩子，可以给我们提供很多便利，让我们在数据更新的每一个阶段，都可以捕捉到它的变化。 这张图其实已经大概的告诉了我们，每个阶段做了什么，但是我觉得还有必要详细的去分析一下，这样在未来如果我们要实现类…

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

作者：滴滴公共前端团队 - dolymood 在现在单页应用这么火爆的年代，路由已经成为了我们开发应用必不可少的利器；而纵观各大框架，都会有对应的强大路由支持。Vue.js 因其性能、通用、易用、体积、学习成本低等特点已经成为了广大前端们的新宠，而其对应的路由 vue-rout…

作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题。关于页面loading状态的展示，主流的主要有loading图和进度条两种。除此之外，越来越多的APP采用了“骨架屏”的方式去展示未加载内容，给予了用户焕然一新的体验。随着SPA在前端界的逐渐流行，首屏加载的问题也…

当回答面试官问及的Vue问题，我们除了照本宣科的回答外，其实还可以根据少量的源码来秀一把，来体现出你对Vue的深度了解。 “谈谈你对Vue生命周期的理解。” 1. “new Vue()做了什么？” new关键字代表实例化一个对象, 而Vue实际上是一个类, 源码位置是/src/…

前言1.Vue.extend1.使用vue构造器,创建一个子类,参数是包含组件选项的对象;2.是全局的结论:Vue.extend实际是创建一个构造器,对应的初始化构造器,并将其挂载到标签上github

我最近一直在研究 DOM 和 影子 DOM 究竟是什么，以及它们之间有何区别。 概括地说，文档对象模型（DOM）包含两部分；一是 HTML 文档基于对象的表示，二是操作该对象的一系列接口。影子 DOM 可以被认为是 DOM 的缩减版。它也是 HTML 元素基于对象的表示（推荐这…

在总结完数据绑定实现的逻辑架构一篇后，已经对Vue的数据观察系统的角色和各自的功能有了比较透彻的了解，这一篇继续仔细分析下源码的具体实现。 本篇主要是关于源码的解释，可以翻看观察系统的原理篇来对照理解。 在这里记录下了Vue的数据绑定具体实现的源代码的个人理解，有些细节的地方或…