在想了解$mount挂载入口的时候，希望先了解一下关于我公众号14篇关于Vue合并策略的解析。这样可以更好的了解$mount挂载入口的区分意义 合并策略已经讲解完成。在合并策略之后还有很多始化操作，在执始化执行到最后就是执行Vue原型上$mount方法将组件挂载到开发者…

在上一篇Vue响应式原理-理解Observer、Dep、Watcher简单讲解了Observer、Dep、Watcher三者的关系。 今天我们就进一步了解Observer里还做了什么事。 data 中的数据如果是一个数组怎么办？我们发现Object.defineProperty…

5号凌晨，尤雨溪公布了 Vue 3 源代码。 话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。 如果你还没有阅读过 Composition API RFC，可能无法完全看懂下面的内容。 目前打包后的代码是 ES2015+，不支持 IE 11。 目前的代码 98% 以上…

无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 和 Nuxt.js 社区的不断壮大，每天都会出现一些很好的软件包。 在下文中，我们…

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…

咋样是不是很酷炫，看到这个顿时按耐不住一颗程序员的心，然后花了2、3个晚上的时间写了个大概。。 怎么样是不是感觉（完全没有）掌握到精髓。。。 恩好吧，虽然我们长得丑但基本功能还是有的，在数据生成这块也是有些值得思考的地方。 数独是源自18世纪瑞士的一种数学游戏。是一种运用纸、笔…

在紧张的一个星期的整理，笔者的前端小组每个人都整理了一篇文章，笔者整理了Vue编译模版到虚拟树的思想这一篇幅。建议读者看到这篇之前，先点击这里预习一下整个流程的思想和思路。 本文介绍的是Vue编译中的parse部分的源码分析，也就是从template 到 astElemnt的解…

想要搞清楚这些，不得不看一波源码了。下面，请跟我从vue源码分析vue的响应式原理 其中划重点的 initState() 方法中进行了 props、methods、data、computed以及watcher的初始化。在instance/state.js中可以看到如下代码。 划…

1. 先进入 initMixin(Vue),在prototype上挂载 2. 进入 stateMixin(Vue),在prototype上挂载 3. 进入eventsMixin(Vue),在prototype上挂载 5. 最后进入renderMixin(Vue),在protot…