laizhicenxi的博客

要读懂源码还是要有一定的基础的，在此就默认是会的。我使用的工具是VScode，废话不多说，首先看最外层的函数：varVue=(function(exports){'usestrict';returnexports;}({}));

这里读的一些函数与Vue的指令相关，水平有限，多多指教。可以看函数名和原有的英文注解，我做了简短的中文注解，大概看一下这些函数就可以了，对应起使用Vue指令时，在源码里是有出处的，react没有指令的概念，实现循环，隐藏展示都要自己写函数去实现，这里Vue帮写好了哦，angular也有指令，Vue应该是借鉴它的吧。functiondecodeHtmlBrowser(raw){(decoder||(decoder=document.createElement(...

这篇主要读vue编译vdom，vnode的一些准备函数，整个vue就是在写函数，和有限个对象。废话不多说。可以看到这是一批创造表达式的函数，拿其中一个出来看一下function createRoot(children, loc = locStub) { return { // 返回一个对象 type: 0 /* ROOT */, // 类型，标识前面有定义 children,

开始分析Vue3里面的函数咯，我采取的是从头阅读的方式，可能后面会以为函数功能跳读吧，但还是坚持都看一下吧。当然写博客的时候不会把所有代码贴上去。function makeMap(str, expectsLowerCase) { const map = Object.create(null); // 这种方式创建的对象是干净的，没有构造函数也不继承原型 const list = str.split(','); for (let i = 0; i < list