林某人_

测试用例 最终生成 实现 目前问题 上节实现的 element类型转换，只是简单的判断如果是 element 类型就push对应的 helper 和 tag，并没有考虑标签...

实现例子 element 类型 的 codegen 跟官网的不一样，官网的是优化版的，我们这只实现核心功能。 测试样例 实现 新增 transformElement plu...

Vue官方例子 依旧是根据Vue编译器生成code string来实现 用例 实现 抽取公用常量 如果有去玩编译器不难发现，每个类型对应的一些函数引用不是一样的，为了提高代...

模拟Vue，将一个 template 生成为 render 用例 采用快照的形式来看自己生成的 code string 实现...

前言 transform 是 compiler 中很重要的一个环境，当我们修改content或者dom时，都会触发 transform 用例 实现 用例上需要把 hi 替换...

例子 实现3种类型结合的情况 实现 目前问题 就目前的代码，是无法实现联合类型的判断，因为我们代码只运行了一次。 例子 <div><p>hi,</p>{{message}}...

测试用例 实现 新增TEXT类型 ast.ts 判断TEXT类型 parse.ts 解析text 这里封装了parseTextData，可以同步优化一下 parseInte...

测试用例 实现 新增ELEMENT类型 ast.ts 新增ELEMENT类型判断 parse.ts 这里我们就简单完成了element类型判断 实现ELEMENT判断 处理...

测试用例 实现 伪实现 先返回一个固定的内容，通过测试用例 解析插值是在 parseInterpolation 里完成的，前面我们写了伪代码，现在来完善这部分代码。 抽离 ...

写Vue的时候，相对于render，最方便的还是<template>； 但Vue内部最终会通过compiler把<template>转换成render，我们接下来要做的事，...

先来个例子 假如我们有个按钮，里面循环了100次，更改了count的值，会发生什么？ 会触发100次的effect。。如果页面复杂了，浏览器就得被玩坏了！ Vue3的视图更...

例子 查看例子 实现 新增$props 例子中用了this.$props.xx，但是目前我们没有this.$props，我们把新增一个$props对象 componentP...

例子 参考ArrayToArray.js中的 5.2、5.2.2例子 思考 其实我们已经做了首部、尾部对比，并且做了中间对比替换了，但是目前的代码存在性能上的问题 中间乱序...

一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件，也有表格（Table），日期选择器（DatePicke...

plop 是一款代码模板生成工具，配置好后只需在终端上敲上命令，就可以根据你自己定义好的模板文件去生成对应的文件。...

例子 参考ArrayToArray.js中的 5.1、5.1.1例子 实现 主要3个部分 提取新数据的key，旧数据遍历时，用来提取对应key的数据 遍历旧数据，找到与旧数...

对比情况 array -> array 新旧左侧对比，取出差异数据下标 新旧右侧对比，锁定右侧差异位置 新旧数据对比，新增少删 例子 参考 上一篇 中的 ArrayToAr...

更新对比 children更新主要考虑一下3种情况，其中array->array是最复杂的，这章节先做其他两种情况 text -> array array -> array...

来个案例 实现 更新props 更新props时候主要考虑2种情况 更新 删除 render.ts runtime-dom/index.ts...

思考 Vue的 setup函数可以接收 props，并且能通过this.xx获取props的数据 setup可以接收props render可以通过this.xx获取pro...