为这世界操碎了心

本文内容 项目封装了Form组件、Table组件、Search组件，useTable hooks，能够抽象出最简单的后台搜索+列表模式，基本上只需要传入搜索json、列表api、column。组件只封

版本 本文版本配置 vue: 2.7.2 vue-cli: ~4.5.18； github仓库地址 render函数 render函数和vue中的template是互斥的，template最终是要编译

代码 github 代码地址 目标 我们的目标是把模块化的源码，打包成浏览器可以执行的代码 源码： 打包后的文件 分析输出文件bundle.js require函数 我们实现了require函数，详细

使用bfc的3个作用 1. 清除相邻父子元素的margin溢出 2. 使容器高度包含浮动元素 3. 构造左定宽，右自适应的布局 具体demo链接 https://codepen.io/a602120/

1. effect什么时候会调用？ 在每次render时都会调用,而且每次render时调用的effect方法都不一样 it runs both after the first render and 

需求大致是两个子组件共用了一个相同的state，但也不是完全的共用，具体会在render函数里进行数据的一些简单计算/转换 数据需要从共同的父组件向下传递给两个子组件 子组件有更改数据的需求，这个实现

vue使用composition相对于mixin的好处。清楚的知道x, y变量的来源；在使用x, y的时候，可以设置别名，不一定在使用时候非得叫x, y，避免了命名冲突； 将功能抽离出去暴露

读懂此文的前置知识点： 递归、简单的正则、正则捕获组、nodetype 1. 模版替换 先完成模版替换的功能，就是当我们new vue的时候，需要把模版里的内容替换成data里的值。所以接下来写一个c

``` Function.prototype.newBind = function(_this, ...prependArgs){ // bind函数接收一个改变的this参数和其他剩余预制参数 le