笔者目前大四，在北京得到App实习，因导师需我做一个技术分享，考虑再三，决定分享最近学习的vue3，又因分享形式不限，因此打算在掘金发文。 笔者目前接触vue3已经差不多100天，对vue3的理解可能存在错误，如有错误的理解还请谅解。又因vue3对typeScript以及笔者更…

是的上面所说的就是我这个项目想要实现的目标，我需要的不是简简单单一个ui组件库，我想要的是一个ui组件自定义拼装平台。 其实现有的平台已经有分析代码模块并可以实现在线引入和单个的npm安装，但是我们也不希望我们项目里面能有几十个不同ui组件的npm吧，所以我的最主要目的就是将多…

已经好久没有写博客了。本文不说 Vue3.0 了，相信已经有很多文章在说它了。而前一段时间尤大开源的 Vite 则是一个更加吸引我的东西，它的总体思路是很不错的，早期源码的学习成本也比较低，于是就趁着假期学习一番。 本文撰写于 Vite-0.9.1 版本。 一个是 Vite 主…

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

本文旨在理一下vue中diff算法的主要逻辑和关键细节。 patchVnode(oldVnode, vnode, insertedVnodeQueue, ...) ps: diff从这里就开始了 insertedVnodeQueue是patch函数中定义的常量，在后期的diff…

4 用索引index做key真的有用？ 到底用什么做key才是最佳方案。 如果遇到这些问题，大家是怎么回答的呢？我相信当你读完这篇文章，这些问题也会迎刃而解。 在vue update过程中在遍历子代vnode的过程中，会用不同的patch方法来patch新老vnode，如果找到…

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Diff-白话版终于到了最后一块内容了！今天我们就来简单概括一下Diff，内容一点都不多哦，全是图片Diff作为Vue比较

本文章纯为学习中的经验总结，并非教程，若有疑问欢迎讨论。 最近准备研究了一下Vue的一些原理的实现方法，首先来了解一下双向绑定的实现原理。 看了网上很多很多的教程和讲解，没怎么看明白，因为教程中的剖析，大多写出几个部分，这个部分做什么，感觉这一部分耦合度较高，因为没有整体认知，…

两个月前我曾在掘金翻译了一篇关于Vue中简单介绍computed是如何工作的文章，翻译的很一般所以我就不贴地址了。有位我非常敬佩的前辈对文章做了评价，内容就是本文的标题“感觉原文并没有讲清楚 computed 实现的本质- lazy watcher”。上周末正好研究一下Vue的…