2016 年 3 月 13 日 Element 悄然诞生，经历了 4 年的风雨洗礼，我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。 截至本文撰写时，Element 已获得 48200 Github Star， NPM 下载量 95 万次/每月的…

核心用处解决最频繁更新的 table 的行排序提高性能的关键由于创建dom的损耗很大，可以的话 最好能利用原来的dom，换位子就行 Node.insertBefore() ，而不是createElem

所以从这里可以知道：key可以为vue dom diff提供辅助方法，让其快速定位是否为同一个元素，且要保证其唯一性。所以在循环中给元素的key复制最佳实践是：元素的唯一标识：id或者其他属性，而不是列表的index。使用index只会适得其反 2.在key Map中找到new…

2020年9月18日，vue3正式版发布了，前几天把文档整体读了一遍，感触很深，可以解决我项目中的一些痛点，于是就决定重构之前那个vue2的开源项目。 本篇文章就记录下重构vue2项目的过程，欢迎各位感兴趣的开发者阅读本文。 本来打算使用vite + vue3 + VueRou…

这是我为了探索 Vue 3 新特性而写的 UI 组件库，请勿用于生产环境。 面向代码学习者编写的开源组件库，代码简洁易读。 使用 Vue 3 和 TypeScript 制作了四个组件。 使用 Vue 3 + Vue Router 4 制作了官网。 官网支持代码预览和代码高亮。 …

本文我们将使用 Composition API 来封装一个商品列表组件，功能分为两块逻辑：列表查询和按商品名称过滤，涉及到新的 API 有 setup 中的 ref、onMounted、watch、computed，看完后你将掌握 Composition API 的基本用法。 …

Vue3.x 与 Vue2.x 语法区别，Vue3.2 setup 相关语法、项目环境搭建、Vue3相关API的使用

9 月 19 日凌晨，Vue3 在经过多个开发版本的迭代后，终于迎来了它的正式版本，「One Piece」的代号也昭示了其开拓伟大航路的野心。 Vue3 的新特性主要有 Composition API、Teleport、Fragments 和 <script setu…

由于笔者只是学习了前端11个月的小白，对vue3很多原理并不了解，如dom-diff，虚拟dom，模板编译等，这些知识笔者大多只是知其然不知其所以然，本篇主要写一些vue3的简单原理，如computed，reactive，watchEffect，vuex等，然后稍微简单分析一下…