props 是通过 defineReactive定义的，此时虽然是响应式数据，但没有进行深度定义。 重新打开观测开关，避免影响后续代码执行。 感悟：相比分析源码，理解后写成博客更难。用文字讲清楚一件事可比敲代码难多了。

当我们能够熟练运用React进行前端开发时，不免会对React内部机制产生浓厚的兴趣。组件是什么？是真的DOM吗？生命周期函数的执行依据又是什么呢？ 本篇，我们先来研究React组件的实现与挂载。 上述代码写完后，我们就得到了<A />这个组件，那么我们接下来先弄清楚<A />…

三部曲中，diff的性能很关键，所以一般对vnode的type和key作比较，如果不一致，则该vnode及以下孩子们全部干掉（好残忍，无法直视（>﹏<）），用新的直接替换，不再往下对比。 还没。。。还没开始（#￣▽￣#）

我们都知道vue项目都是通过组件化进行实现的，一个页面通过若干组件组成，构成一个组件树，那么每一个组件都通过一个vue实例来进行管理，每当要渲染一个组件前，都会为该组件创建一个vue实例来管理组件中的数据和事件方法。 完成数据(data props computed)的初始化 …

1. 引言 Serverless 是一种 “无服务器架构”，让用户无需关心程序运行环境、资源及数量，只要将精力 Focus 到业务逻辑上的技术。 会改变前后端接口定义规范。 一定会改变前后端联调方式，让前端参与服务器逻辑开发，甚至 Node Java 混部。 大大降低 Node…

说到 babel 你肯定会先想到 babel 可以将还未被浏览器实现的 ES6 规范转换成能够运行 ES5 规范，或者可以将 JSX 转换为浏览器能识别的 HTML 结构，那么 babel 是如何进行这个转换的步骤呢，下面我将通过开发一个简单的 babel 插件来解释这整个过程…

安装完成 执行Vue -V 检查是否安装成功，我的 Vue-cli 版本是2.9.6。 Vue 官方网站对 Mixins 定义：混入 (Mixins) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入…

很早之前，我曾写过一篇文章，分析并实现过一版简易的 vdom。想看的可以点击 传送门 聊聊为什么又想着写这么一篇文章，实在是项目里，不管自己还是同事，都或多或少会遇到这块的坑。所以这里当给小伙伴们再做一次总结吧，希望大伙看完，能对 vue 中的 vdom 有一个更好的认知。好了…