自己实现前端框架

前几节，我们的代码中好几个地方都定义了updateFns数组，还有objectUpdateFns数组，我们会在组件data属性关联的get钩子触发时，把组件的update方法放进去，然后在set的时候

在日常开发中，经常遇到这种场合：先定义一个空对象（或数组），然后调后端接口，拿到数据之后赋值给这个对象（或数组），然后拿着这些数据去页面上展示：此外，还会修改这个对象上的某些属性，例如我们可能有重命名

本节分为两部分：第一部分不会新增代码，主要讨论一下组件的数据流问题第二部分解决一些遗留下来的bug以及实现mounted的hook首先来看第一部分无论是React、还是Vue，作者们都告诫我们，不要直

我们接着上次的话题继续上一节中我们把父子组件之间的关系建立起来了，不过并没有涉及到父子组件之间数据的传递、父组件对子组件回调的处理等内容从组件的观点来看，我们的my-alert组件右边其实应该有一个关

目前前端的框架有一个很重要的功能就是组件，我们可以通过组件来实现页面上各个模块的抽象以及复用，这一节我们通过模仿element中的el-alert这个组件为例来介绍组件化的实现，当然，这个过程我简化了

上一节中，我们遗留下来一个主要的问题就是renderRule不够灵活接下来我们思考一下如何解决它其实，导致它不够灵活的一个关键原因，就在于在newViewComponent调用的时候数据结构就已经确定

无论是React、Vue，每一种前端框架的存在，都是为了解决开发过程中的一系列痛点，所以我们可以思考如果没有框架，前端开发会有哪些痛点其实前端（在此主要指浏览器端）的工作总体上可以概括为两大部分：展示

为了明确我们要解决什么问题，我们不妨从实际案例入手，这样显得更直观：假设我们用jQuery实现上面这样一个商品列表，大概代码如下：这种开发模式下，最明显的问题就是DOM相关的操作过于繁琐，具体体现为：

前言大约在2015年的时候，我偶然在网上看到了一本书，名字叫《BuildyourownAngularJs》，我曾经和很多人提到过这本书，不仅仅因为其中的内容优秀，更为作者的敬业深深吸引，从最初的jQu