Vue3+ & Vue-CLI3+ 开发生态圈资讯

🚀 欢迎Star，后续会不断更新。 🇨🇳 最后更新日期：2️⃣0️⃣2️⃣6️⃣-0️⃣6️⃣-2️⃣8️⃣ 🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳

2025 年您好，(´▽ ｀)ノノ)，继续前行！ 【2025】 ≡≡≡≡≡≡≡≡-------------------------- 【2026】

2025–2026 Vue 3 资料专区

为了更方便地跟踪 Vue 3 在 2025–2026 年的演进方向，仓库新增了一组专题文档，覆盖“趋势分析、升级策略、兼容风险、特性采纳、内容规划”五个核心维度，适合用于项目升级、技术调研和内容输出。

文档说明

• 2026/Vue32025-2026_Overview.md：整体概览，介绍 2025–2026 Vue 3 的核心趋势、版本节奏与重点方向。
• 2026/Vue32025-2026_Analysis.md：从宏观视角分析 Vue 3 的演进逻辑、生态变化与技术结论。
• 2026/Vue32025-2026_UpgradeStrategy.md：面向实际项目的升级策略与实践路径，帮助选择稳定版本与预研版本。
• 2026/Vue32025-2026_FeatureAdoption.md：介绍核心特性如何落地到项目中，适合做技术选型与迁移参考。
• 2026/Vue32025-2026_RiskCompatibility.md：汇总兼容风险、破坏性变更、测试与回退策略。
• 2026/Vue32025-2026_ContentPlaybook.md：面向内容创作与社区运营，提供文章结构与发布建议。
• 2026/Vue32025-2026_Recommendations.md：总结优先建议与行动清单，便于快速决策。
• 2026/Vue32025-2026_ReadingList.md：汇总官方文档、深度文章与阅读指引。

推荐阅读顺序

• 先阅读总览，建立整体认知。
• 再查看升级策略与兼容风险，判断项目适配方向。
• 最后结合特性采纳与内容方案，落实到实际开发或内容输出中。

2024 年再见ヾ(￣ ▽ ￣)Bye~Bye~，感谢自己！ 【2020】 ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡ 【2024】

Twitter vue3: vue 3 will be available by the end of Q2.(done)

第四届 Vue.js 开发者大会由 Vue.js 官方举办，于 2021 年 05 月 22 日在杭州正式开启。本次大会将主要采用在线直播方式与大家呈现，线下会有听少量听众席位！w3ctech VueConf 2021 PPT & Video

2020 年 9 月 18 日星期五，Vue 的作者尤雨溪发表主题演讲，正式发布 Vue3.0 并回应一些大家关切的问题。表示不建议大家立刻升级到 Vue3.0 版本，之前项目中某些依赖项可能还不支持新版，等社区完善后再进行迁移也不迟。

Vue3.0 正式发布，尤雨溪在线全球发布会：【戳这里】

The offical blog for the Vue.js project, The Vue Point.

想了解更多有关 Vue 3.0 的信息，请大胆访问：v3.vuejs.org

除了单独 Vue3 资讯，欢迎查看更多 vue.js 资讯：【【🔥Vue.js 资讯 📚】目前 web 前端开发非常火爆的框架；定时更新，欢迎 Star 一下。】

欢迎 ━(｀ ∀´)ノ亻! 各位大佬们前来玩耍！！！

目录

• vue3 更上一层楼
• Announcing Vue 3.3
• 2021 => 我最棒(๑•̀ㅂ•́)و✧
• 新年新气象
• 撸 vue3 的霸气姿势
• Vue 3 Cheat Sheet
• 再谈 vue3
• 尤大推出vue3 beta之后
• 迎接 Vue3.0 系列
• 最新资讯-继续前进 ╰(°▽°)╯
• 英文资料
• 2019 年中旬
• 2019 年上旬
• 2018 年预告

🐣 关于旧版本

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

🐥Node 版本要求

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

🐓Vue 3.0 源代码

当大多数国人还在庆祝国庆节的时候，尤雨溪大大在昨天凌晨发布了 Vue 3.0 源代码，源码地址：https://github.com/vuejs/vue-next 。虽然目前还 处于 Pre-Alpha 版本，但是可以预见后面的 Alpha、Beta 等版本应该不会太遥远。 之前，就有预言，除了性能优化、脚手架和新功能外，TypeScript 绝对是一个重点，因此，在 Vue 3.0 源代码版本中，98%代码由 Typescript 编写，相信后面会是 100%。 通过本次发布的源代码可以了解到针对 Vue 3 计划并已实现的主要架构改进和新功能。 Vue 3 中最主要的新特性：组合式 API，已经可以借助 https://github.com/vuejs/composition-api （在 Vue 2 项目中作为插件使用）体验到。

yyx990803

3.5.13 (2024-11-15)

Bug Fixes

• compiler-core: handle v-memo + v-for with functional key (#12014) (99009ee), closes #12013
• compiler-dom: properly stringify template string style (#12392) (2d78539), closes #12391
• custom-element: avoid triggering mutationObserver when relecting props (352bc88), closes #12214 #12215
• deps: update dependency postcss to ^8.4.48 (#12356) (b5ff930)
• hydration: the component vnode's el should be updated when a mismatch occurs. (#12255) (a20a4cb), closes #12253
• reactiivty: avoid unnecessary watcher effect removal from inactive scope (2193284), closes #5783 #5806
• reactivity: release nested effects/scopes on effect scope stop (#12373) (bee2f5e), closes #12370
• runtime-dom: set css vars before user onMounted hooks (2d5c5e2), closes #11533
• runtime-dom: set css vars on update to handle child forcing reflow in onMount (#11561) (c4312f9)
• ssr: avoid updating subtree of async component if it is resolved (#12363) (da7ad5e), closes #12362
• ssr: ensure v-text updates correctly with custom directives in SSR output (#12311) (1f75d4e), closes #12309
• ssr: handle initial selected state for select with v-model + v-for option (#12399) (4f8d807), closes #12395
• teleport: handle deferred teleport update before mounted (#12168) (8bff142), closes #12161
• templateRef: set ref on cached async component which wrapped in KeepAlive (#12290) (983eb50), closes #4999 #5004
• test: update snapshot (#12169) (828d4a4)
• Transition: fix transition memory leak edge case (#12182) (660132d), closes #12181
• transition: reflow before leave-active class after leave-from (#12288) (4b479db), closes #2593
• types: defineEmits w/ interface declaration (#12343) (1022eab), closes #8457
• v-once: setting hasOnce to current block only when in v-once (#12374) (37300fc), closes #12371

Performance Improvements

• reactivity: do not track inner key \\vskip (#11690) (d637bd6)
• runtime-core: use feature flag for call to resolveMergedOptions (#12163) (1755ac0)

...

v3.0.0 One Piece

Today we are proud to announce the official release of Vue.js 3.0 "One Piece". This new major version of the framework provides improved performance, smaller bundle sizes, better TypeScript integration, new APIs for tackling large scale use cases, and a solid foundation for long-term future iterations of the framework.

One Piece. Vuejs 3.0 正式版发布！代号：海贼王

🔥🐔2020 前端面试秘籍

【吐血整理清单一】前端面试全攻略，为您保驾护航，金三银四 【吐血整理清单二】前端面试全攻略，为您保驾护航，金三银四 【吐血整理清单三】前端面试全攻略，为您保驾护航，金三银四

秘籍在手，天下我有； 只要你想进，那么世界就是你的。

🐔 前端整理之道

【整理】前端优化得有个好手段，比如看这个清单 🍑🍒🍓🍆🌽 【整理】前端学习笔记总结清单，应有尽有 🍇🍈🍉🍊🍋

🦃 关于 TypeScript

【2020-Q1-News】TypeScript 新鲜一波流，自己品尝？ 【最新】TypeScript 梳理知识点列表，可否一战？ 【必会】都已经 9102 年底了，你必须会 TypeScript。

为什么要学习它？ 因为：

• 按需输出 JavaScript 版本
• 代码标准化利于团队开发
• 主流框架及最新特性的支持
• 便于重构和主流 IDE 支持
• 更多友好特性和检测

...

哈哈哈，并不是，是因为都已经 2020 了，大公司和你们都在用。

Vue3-CheatSheet

由 Vue Mastery 网站归纳的 Vue 3 Cheat Sheet， 直观地概况了其主要特性。

| Vue3 Cheat Sheet | Vue3 Cheat Sheet | | ----------------------------------- | ----------------------------------- | | | |

Votar

⚡ Explore high-performance tooling for Vue

Vue Language Features Vue language support extension for VSCode TypeScript Vue Plugin VSCode extension to support Vue in TS server vue-tsc Type-check and dts build command line tool

Discord: https://discord.gg/5bnSSSSBbK

https://github.com/johnsoncodehk/volar

vueuse

antfu/vueuse

like React hooks. Collection of essential Vue Composition API utils works for Vue 2.x and 3.x https://vueuse.js.org/

Collection of essential Vue Composition API (inspired by react-use)

🚀 Features

• ⚡ 0 dependencies: No worry about your bundle size
• 🌴 Fully tree shakable: Only take what you want
• 🦋 Type Strong: Written in Typescript
• 🕶 Seamless migration: Works for both Vue 3 and 2
• 🌎 Browser compatible: Use it though CDN
• 🎪 Interactive docs & demos: Check out the Storybook!
• 🔌 Optional Add-ons: Firebase, vue-i18n, etc

新年新气象

新的一年，继续前行；希望各位顺顺利利，心想事成。

💃🏻 撸 vue3 的姿势 💃🏻

🐯 🦁 🐮 🐷 🐹 🦊

霸气姿势观望 vue3 核心技术 ing

• Proxy：不只是解决了 defineProperty 的局限性。
• Performance：性能更比 Vue 2.0 强。
• Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。
• Composition API：组合 API。
• Fragment, Teleport, Suspense：“碎片”，Teleport 即 Protal 传送门，“悬念”。
• Better TypeScript support：更优秀的 Ts 支持。
• Custom Renderer API：暴露了自定义渲染 API。

TODOLIST：

• 1 Docs & Migration Guides
• 2 Router
• 3 Vuex
• 4 CLI
• 5 新工具：vite（法语 “快”）
• 6 vue-test-utils
• 7 DevTools
• 8 IDE Support (Vetur)
• 9 Nuxt

介绍 Vue.js 以及 Vue-next 源码分析文章，希望通过学习 Vue.js 源码获得更好的知识和收获。 【这是入口】你要找的 vue 源码 全宇宙的都在这！

Vue3.5/3.6+ 生态

《Vue3.6 性能暴增与开发体验升级》 深度解析 Vue3.6 新特性，包括 Alien Signals 响应式系统升级和 Vapor 模式渲染优化，通过懒加载 Props 和精简 DOM 操作实现 100 毫秒内挂载 10 万组件的性能突破。 《Vue CLI 3+ & Vite 最新技术动态》 GitHub 官方仓库持续更新 Vue3、Vue CLI 3+ 和 Vite 的生态进展，涵盖 2024/2025 年度重大更新内容，推荐开发者关注长期维护版本迁移指南。 《2025 年 Vue3 组件库推荐》 对比 Element Plus、Vuetify 等主流组件库的 Vue3 适配进展，重点分析 Vapor 模式下的组件性能优化策略，以及 TypeScript 类型系统的最新实践。 《Vue Amazing UI 技术解析》 Vue3.5+ 生态下的高灵活组件库，支持 Tree-shaking 和单文件组件风格，整合 64 个 UI 组件与 16 个工具函数，适配高频更新场景。 《GitHub Copilot 指标可视化》 通过 Vue3 实现开发者工具链的智能化监控，包含代码贡献度分析、AI 辅助效率评估等前沿方向，项目单月新增 5,831 星标。 《Vue3 企业级项目迁移实录》 TypeScript 全量替换方案与 Monorepo 架构优化案例，对比 Vue2 的 Options API 和 Vue3 的 Composition API 在大型项目中的协作效率差异。

• Vue3.6 从响应式突破到 Rolldown 未来蓝图，全新体验来袭！
• Vue Amazing UI
• 尤雨溪剧透 Vue 3.6：性能暴增、开发体验再升级，这些新特性值得熬夜等！
• Vue 源码学习 3.6：计算属性 computed
• vue3.6 外星信号具体使用教程
• 尤雨溪：从 Vue1 到 Vue3.6
• Vue 3.6 预览，Vapor Mode 性能炸裂！并涵盖大量全新概念
• 2025 Vue 技术风暴】Vue 3.6 性能革命：Vapor 模式+Alien Signals，如何颠覆前端开发？实战代码解析！
• 【2025 Vue 小白速成】从零到项目实战：3 天搞定 Vue 3.6 + AI 代码助手，保姆级教程
• Vue 3.5 版本发布：响应式系统优化，性能飞升与内存锐减 56%
• 应该是全网最详细的 Vue3.5 版本解读
• Vue 3.5 响应式系统的详细分析

‌Vue Mastery 系列课程 聚焦 Vue3.6 新特性，如 Alien Signals 响应式升级与异步组件懒加载方案 ‌18。 ‌Vue.js Core Weekly‌ 跟踪 GitHub 仓库更新动态，包括 Vite 插件生态进展与 TypeScript 类型系统最佳实践 ‌16。

vue3 更上一层楼

• Announcing Vue 3.5
• Vue3+AI 打造智能聊天应用：从零到部署的全栈秘籍
• Vue3.5 正式上线，父传子 props 用法更丝滑简洁
• 2024 前端开发 - 2/3 进阶篇 - 核心框架学习
• 使用 vue3 调用 DeepSeek，实现自己的本地 GPT 页面
• Vue 首屏优化终极指南：10 大黑科技让加载速度飙升 300%（附实战代码）
• Vue3 性能优化十大技巧：打造高性能应用的终极指南
• Vue3 性能优化必杀技：useDebounce+useThrottle+useLazyLoad 深度剖析
• 2024 年前端性能优化：Vue3 与 Vite 项目全方位攻略
• Vue3 项目性能优化神器，懒加载轻松搞定
• 【Vue3】保姆级毫无废话的进阶到实战教程 - 01
• 【Vue 面试专题】Vue3 性能提升提现在哪些方面？
• 轻松打造 Vue3 高性能虚拟列表组件
• 🚀 Vue3 性能优化实战：让你的应用快如闪电！⚡
• Vue3 从入门到精通：全面掌握前端框架的进阶之路
• Vue 3 性能提升与 TS 支持全解析
• Vue3 源码解析，打造自己的 Vue3 框架
• AI 交互组件库 AI 界面解决方案-- Element Plus X 正式开源啦
• Vue3 组件通信全攻略：多种方式详解+实战场景，轻松玩转复杂数据流！
• Vue3 设计思想及响应式源码剖析
• Vue3 h5 项目性能优化
• 这 22 个 Vue3 的实用技巧，你可能还不知道！
• Vue 3 性能提升与 TS 支持全解析
• 2024 年前端性能优化：Vue3 与 Vite 项目全方位攻略
• 有没有比较好的 vue3+ts 的学习资源推荐一下?
• 2024 总结的 vue3 的面试题
• 超详细！10 分钟开发一个 Vue3 的后台管理系统！
• 《linwu 的算法笔记》，《现代 Javascrip 高级教程》，《现代 TypeScript 高级教程》，《深入浅出 Dart》等等精品课程
• 强烈推荐一款 Vue3 调试神器！
• Vue3.0 官方调试工具 dev-tools 3.0 版本发布

Vue3 性能优化技巧

一、‌ 核心优化策略 ‌

• 路由级懒加载 ‌：通过 () => import() 动态导入组件，结合 webpackChunkName 分割代码块，减少首屏加载体积（首屏资源减少 30%+）‌。
• 异步组件优化 ‌：使用 defineAsyncComponent 加载非关键组件，并配置 loadingComponent 提升用户体验 ‌.
• 时间旅行调试 ‌：回溯应用状态快照，对比不同时间点的数据变化（支持 Pinia/Vuex 状态历史回滚）‌。
• 浅层响应式 ‌：对非深度监听的数据使用 shallowRef/shallowReactive，减少深层嵌套对象的性能开销 ‌.
• 冻结静态数据 ‌：通过 Object.freeze() 冻结无需变化的数据，避免无意义响应式追踪 ‌。
• 防抖与节流 ‌：使用 useDebounce 和 useThrottle 自定义 Hook 控制高频事件（如搜索输入），减少重复计算 ‌。

Vue DevTools‌

• 组件树与状态分析 ‌：可视化查看组件层级结构、实时编辑 props/data，支持 Vuex/Pinia 状态追踪与回溯调试 ‌。
• 性能分析 ‌：记录组件渲染耗时、计算属性执行时间，定位高耗时组件（如通过「Performance」标签页识别长任务）‌。
• 时间旅行调试 ‌：回溯应用状态快照，对比不同时间点的数据变化（支持 Pinia/Vuex 状态历史回滚）‌。

vite-plugin-vue-devtools‌

• 免浏览器扩展的调试插件，集成路由导航追踪、静态资源分析、时间线监控（性能/路由/Pinia 状态变更）‌。
• 支持动态路由参数调试与组件树快速导航，开发环境下直接通过 Vite 配置启用 ‌。

二、‌ 渲染与资源优化 ‌

• 列表渲染优化 ‌：为 v-for 设置唯一 key，大数据量场景使用虚拟滚动（如 vue-virtual-scroller）‌。
• 条件渲染策略 ‌：优先用 v-if 替代 v-show 减少常驻 DOM 节点，结合 v-memo 缓存静态组件片段（Vue 3.2+）‌。
• Tree Shaking 配置 ‌：通过 Vite/Rollup 剔除未使用代码，标记 sideEffects: false 优化第三方库（如 Element Plus 按需引入）‌。
• CDN 加速 ‌：将静态资源（如字体、图片）托管至 CDN，配合 HTTP 缓存策略提升加载速度 ‌。

三、‌ 工程化与工具链 ‌

• Vite 生态整合 ‌：使用 vite-plugin-html 实现多环境配置，通过 @vitejs/plugin-legacy 兼容旧浏览器 ‌。
• 第三方库压缩 ‌：对图标库（如 FontAwesome）按需引入，避免全量加载 ‌。
• Lighthouse 分析 ‌：生成性能报告，关注 FCP（首次内容渲染）和 LCP（最大内容渲染）指标 ‌。
• hrome Performance 面板 ‌：定位长任务（Long Tasks）和高耗时组件渲染 ‌。
• 服务端启用 Brotli/Gzip 压缩，减少网络传输体积，提升资源加载速度 ‌。

四、‌ 高阶实践 ‌

• 服务端优化 ‌：启用 Brotli/Gzip 压缩，配置 HTTP/2 多路复用减少网络延迟 ‌。
• 内存管理 ‌：及时解绑无用事件监听器，避免闭包导致的内存泄漏 ‌。
• 图片懒加载 ‌：结合 Intersection Observer API 实现视口外图片延迟加载 ‌。

诊断瓶颈 ‌ → ‌ 按需加载组件 ‌‌ → ‌ 响应式数据精简 ‌‌ → ‌ 渲染策略调整 ‌‌。 结合项目规模选择工具链，中小型项目优先优化代码分割和 Tree Shaking，大型项目需深入响应式与内存管理 ‌。 大型项目需结合 Web Workers` 处理密集型计算，避免阻塞主线程 ‌。

「我是要成为海贼王的男人」

Announcing Vue 3.3

Vue3.3 发布，版本代号为 “Rurouni Kenshin” 主要改进了 DX（开发者体验）、新增一些语法糖和宏，以及 TypeScript 上的改善...

• the release of Vue 3.3 "Rurouni Kenshin"!
• 和 Vue 核心团队成员 sxzz 聊前端学习、参与开源和 Vue3.3
• Vue 3.3 发布了，来看看有哪些更新
• 通过实例了解 vue3.3 更新的特征
• Vue3.3 的新功能的一些体验
• Vue3.3 正式发布！
• Vue3.3 + TS4 ，自主打造媲美 ElementPlus 的组件库吾爱分享
• Vue 3.3 更新，代号“浪客剑心”
• vue3：vue3.2 升级至 vue3.3/vue 升级版本
• 【Vue 核心团队成员】Vue 3.3 主要新特性详解
• Vue 3.3 亮点解析：不容错过的新特性及其影响
• vue3.3 最新发布 defineProps,generic,defineEmits,defineSlots 教程
• Vue3.3 + Vite4.3 + Element-Plus + TypeScript 从 0 到 1 搭建企业级后台管理系统（前后端开源）
• Vue3.3 编译宏
• Vue3.3+ 中 defineEmits 具名元组写法 eslint 报错
• Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots
• 【vue3.3】 新特性 - 初体验
• Geeker-Admin 一款基于 Vue3.3、TypeScript、Vite4、Pinia、Element-Plus 开源的后台管理框架
• vue3 父组件给子组件传递泛型（不用 JSX）
• Vue3.3.1+TS 全新使用指南
• 一个 demo 体验 Vue3.3+TypeScript 所有新功能
• 全新升级 Vue3.3 基于 ElementPLUS 常用封装组件
• 能不能更快更好用？Vue3.3 正式发布，加速你的开发效率！
• Vue3.3：瀑布流组件封装
• Vue 3 notification library
• 记一次 Vue3.3.3 p5-urgent 级 bug 修复过程
• Vue 3.3 新特性前瞻和简单评价

2021 => 我最棒(๑•̀ㅂ•́)و✧

• 2021 前端会有什么新的变化？
• 2021 年前端工程师书单推荐
• 阿里巴巴淘系技术-2021 年前端会有什么新变化？
• 从 2020 看 2021 前端发展趋势
• 2021 前端学习路径书单—自我成长之路
• 2021 前端会有什么新变化？
• 2021 年毕业要不要学前端框架?
• 2021 前端发展方向
• 2021 年前端开发的下一步发展预测
• 2021 年前端趋势预测
• 2021 年 Web 开发的主要趋势
• 你确定不了解下 2021 年 Web 开发的趋势嘛
• 前端规划：2021 前端技术战略

🏆 🥇 🥈 🥉 迟序之数，非出神怪，有形可检，有数可推。——祖冲之 🏅 🎖 🏵

• 尤雨溪：Vue 3 将成为新的默认版本
• Vue3 默认版本了！我准备学这五个东西了
• 基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架
• Vue3.0+TS+Element-plus 最全面后台管理系统！
• Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】
• Vue3 中有哪些值得深究的知识点？
• Vue3 源码内参<一>手写 mini 前置准备
• Vue3 新特性学习(三)计算属性 computed 和侦听器 watch
• vue2 Vue3 v-model 原理
• 包含前端最新技术的 Vue 3 模板 vue3-compact-template
• 使用 vite2.0+vue3+element Plus+vue-router 搭建一个简单的项目
• Vue3 + Vite 前端工程化-基础篇
• 【vue3+antd-design-vue 项目】-- 快速上手 vue3
• 聊一聊 Vue3 的 9 个知识点
• 不完全 Vue3 迁移指南
• Webpack5 详细教程-入门篇，带你搭建 Vue3 项目
• vue3 保姆级教程
• 手写简易版 vue3
• 助你上手 Vue3 全家桶之 Vue3 教程
• 从实际项目出发，告诉你 vue3 到底香不香
• 一次弄懂 Vue2 和 Vue3 的 nextTick 实现原理
• 快速了解 vue3 生态发展现状和展望<尤雨溪>
• 别人都在用 Vue3 了，你还在磕 Vue2 和 React？
• Vue 和 React 的使用场景和深度有何不同？
• 3 种 Vue3 添加公共方法并使用
• 10 个 Vue3 精华知识点，你知道几个？
• 2021, 九款值得推荐的 VUE3 UI 框架
• 从 16 个方向逐步搭建基于 vue3 的前端架构
• Vue3 源码分析——编译模块和编译器
• 低代码平台，JeecgBoot v3.0 版本发布—新里程牌开始，迎接 VUE3 版本到来
• 尤大都推荐的组件库是如何开发出来的？
• Vue3 响应式原理原来是这样的
• Vue3 + Typescript + pnpm + rollup/gulp 工程化搭建组件库（二）
• 升级 Vue3 成本大吗？
• 花 60 秒给 Vue3 提的 PR，竟然被尤大亲自 Merge 了~
• Vant 3 - 有赞出品的开源移动 UI 组件库，基于 Vue3 重构发布
• 【持续更新】梳理 Vue3 相比于 Vue2 的有哪些 “与众不同” ？
• 使用 Chrome 调试 Vue3 的 TypeScript 源码
• 最近风靡一时的 “No DomDiff”潮流是怎么回事？Virtual Dom 不香了？
• vue + vue-print-nb 实现 pc 端打印功能，包含 vue2 和 vue3 两种引用方式
• 如何阅读源码 —— 以 Vetur 为例
• 建立和维护大型 Vue.js 项目的 10 个最佳实践
• [[总结 🔥]学习 vue3 都需要会哪些 typescript 的知识点?中秋 🌕 回家 🚆 的路上学会 ts.](https://segmentfault.com/a/1190000040706798?contentsourceurl=https://github.com/vue3/vue3-News)
• [TypeScript 系列 🔥, 通过 vue3 实例说说 declare module 语法怎么用[🦕 模块声明篇]](https://segmentfault.com/a/1190000040699170?contentsourceurl=https://github.com/vue3/vue3-News)
• 【Vue3 更新】Vue 事件处理指南
• 新的 Vue 3 应用程序初始化代码的好处
• Vue3 核心 Typescript 类解析
• vue3 实用工具 mini-vue ｜阮一峰推荐
• Vue3 + TS 最佳实践
• 我们团队在 Vue 3 Dev Tools 的帮助下，调试效率有了质的飞跃！
• 【建议收藏】101 张脑图，从零开始学完 Vue3（包括 Vue3.2 最新语法）
• Vue3.2 setup 语法糖、Composition API 归纳总结
• Vue3.2 中 reactivity 的优化
• vue3+typescript 实现一个中秋 RPG 游戏
• 还不会 Vue3？一篇笔记带你快速入门
• Vue3 与 Vue2 的 Props、全局组件的异同点！
• Vue3 Ref 语法糖，告别 .value 的写法
• 大概几集下饭剧时间就能懂的 VUE3 原理
• Vue 更新到 3.2 版本了，你还学得动吗？
• 我们团队在 Vue 3 Dev Tools 的帮助下，调试效率有了质的飞跃！
• 基于 Vue3 + Typescript + Vite2 打造一款网易云音乐播放器 (🍕Vue3 和 Vite2 你学了吗)
• Vue 3.2 发布， ＜ script setup ＞ + TS + Volar = 真香
• 尤雨溪凌晨官宣：Vue 3.2 已发布！
• Vue3.2 发布了，我激动了，实在学不动了！
• Vue DevUI 又新添了 11 位新成员啦～ 🥳😋
• 细说 Vue.js 3.2 关于响应式部分的优化
• 2021 年最佳 VUE3 UI 框架推荐
• 初学者也能看懂的 Vue3 源码中那些实用的基础工具函数
• 使用 Vue3 开发 Dropdown 组件的几个核心要点
• Vue 第二波 ref 语法提案来袭，这次会进入到标准吗？
• vite + vue3 + ts 移动端实践
• 他来了，他来了，他带着 vue3 组件库向你走来了。
• 不要再用 Vue 2 的思维写 Vue 3 了

♾ 💲 💱 ™️ ©️ ®️ 〰️ ➰ ➿ 春天不是读书天, 夏日炎炎正好眠, 秋有蚊虫冬怕冷, 整理书包待明年. 🔚 🔙 🔛 🔝 🔜

• 【建议收藏】8 张脑图快速了解 Vue 组件
• Vue DevUI 已经有 10 个组件成员啦～ 🥳😋
• 尤雨溪国外教程：亲手带你写个简易版的 Vue！
• 【解决方案】如何在 Vue2 的工程中书写 Vue3 语法？
• 使用 Vite2+Vue3 实现网站国际化
• 使用 Vite2+Vue3 渲染 Markdown 文档
• 6 张脑图带你了解 Vue3 中的过渡和动画 | 附高清原图
• 带你看 Vue3 源码: Vue.createApp 究竟做了什么
• 总结 Vite2.x + Vue3.x 有哪些常用的基操
• Comparing generated code size of Vue and Svelte components
• 基于 vue3 + webpack 5 + sass+ vw 适配方案+axios 封装，从 0 构建手机端模板脚手架
• vue3.0-ts-Element 集成的后台管理模板（新接触 3.0 强力推荐）
• Vue3.x 推荐使用 mitt.js
• 【实战技巧】Vue3+Vite 工程常用工具的接入方法
• Vue3+Vite+TS+Eslint（Airbnb 规则）搭建生产项目，踩坑详记（四）：引入 vuex、vuex 源码类型声明推导
• 10 张脑图带你快速入门 Vue3 | 附高清原图
• vue3 + setup sugar + TS 经验分享
• 【初学笔记】整理的一些 Vue3 知识点
• 上手后才知道 ，Vue3 的 script setup 语法糖是真的爽
• Vue3 源码解毒 & PK React17
• 手敲一个前后端分离项目！ Day01（Vite+Vue3+Naive UI）
• 阿里妈妈又做了新工具，帮你把 Vue2 代码改成 Vue3 的
• Vue2 代码转换为 Vue3 原理剖析—— eventHub 篇
• Vue 3 的 SFC Style CSS Variable Injection 提案实现的背后
• 和面试官聊聊 Diff\\\Vue3
• Vue3 优雅的模态框封装方案 - 实践
• Vue3 优雅的模态框封装方案 - 初探
• 用 vue3 开发一款翻译插件
• vue3 配置 jest 测试环境踩坑
• 记录几个 vue3 demo 项目开发的问题
• Vite2.0+Vue3.0 中使用 eslint+prettier 的正确姿势
• Vue3.0--生命周期、获取 dom 和 nextTick
• Vue 3.0 到底怎么变快？🚀
• 还在迟疑是否上 ts？先上车再说！vue3+ts 开发初体验
• [[项目篇]vue3+ts canvas 实现贝塞尔曲线波浪特效 - 第四天](https://juejin.cn/post/6979282880690126885?contentsourceurl=https://github.com/vue3/vue3-News)
• [[项目篇]vue3+ts 封装 request 请求，storage 缓存，config 请求信息抽离 - 第二天](https://juejin.cn/post/6978609399682039839?contentsourceurl=https://github.com/vue3/vue3-News)
• 模块化妙用！用 vue3 实现一个鼠标追踪器和异步加载组件
• vue3 生命周期详解
• Ionic5+Vue3+Capacitor 打造跨平台的 app 视频教程
• 最新前端 Vue3.0 从 0 到 1 手把手撸码搭建管理后台系统完整版
• 2021-web 前端-Vue3.0 源码剖析
• vue3.0 项目的搭建+3.0 变化+实战(附赠 vue3.0 学习文档）
• Vue3.0 源码剖析+前端发展漫谈
• vue3 从入门到精通(附实战项目)

🌺 🌸 🌼 🌻 🌞 🌝 四季如春的小城, 似乎没有什么最好的季节, 如果一定要选, 我觉得有一些小雨的夏末最是温柔清 ...

• Vite 整合 Electron 总结
• 「PPT」尤雨溪谈 Vue3 生态进展和计划
• 「视频」尤雨溪谈 Vue3 生态进展和计划
• Electron+Vue3 MAC 版日历 开发记录(2)——功能清单
• Electron+Vue3 MAC 版日历开发记录(1)
• Vue3 源码解析（五）：Patch 算法
• Vue3.0 七大亮点是什么？？
• vue3 组合式 api
• vue3 jest 单元测试环境搭建
• Vue3 能用到生产环境了吗？
• webpack5（Module Federation）+vue3.0 实现微前端
• 手写简化版的 vue3 diff 算法
• vite2+vue3+vue-router 搭建 vue-ssr
• Vite2 + vue3 + TS + ElementPlus 从零搭建后台管理系统（五）
• vue3 组合式 API（setup）的新特性是否会使得业务逻辑集中在一起而臃肿难以维护？
• Vue 3 深入响应式原理 - 聊一聊响应式构建的那些经历
• Vue3 源码分析-从 createApp 开始的首次渲染
• 为什么感觉 svelte 其实才是 vue3？
• Vue3 教程：一个基于 Vue 3 + Vant 3 的商城项目开源啦！
• 昨晚尤大的连麦直播，我学到了很多！！！
• Vue 3.1.0 的 beta 版发布
• Vite2 + vue3 + TS + ElementPlus 从零搭建后台管理系统 ( 一 )
• Vue3 源码解析（二）：AST 解析器
• Vue3 与 Vue2 的 Props、全局组件的异同点！
• Vue3 探索总结
• Vue3: 如何以 Vite 创建，以 Vue Router, Vuex, Ant Design 开始应用
• Vue3 全家桶 + TS+ Vite2 + element-plus 搭建简洁时尚的博客网站实战及踩坑记
• 《图解 Vue3》- 第 1 节 Vue 初识
• 升级 Vue3 大幅提升开发运行效率
• 基于 Vue3 + ECharts5 的数据可视化项目（介绍）
• 进击中的 Vue 3——“电动车电池范围计算器”开源项目
• Vue 3 迁移策略笔记
• vue3 从入门到精通(附实战项目)
• [[译]尤雨溪：Vue3 将不会支持 IE11 精力会投入到 Vue2.7](https://segmentfault.com/a/1190000039770521?contentsourceurl=https://github.com/vue3/vue3-News)
• 基于 vue3 直播/小视频实例|Vue3.x 仿抖音界面
• 从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境
• Vue3 + TypeScript 复盘总结
• TypeScript + Vue3 快速上手 【下】
• Vue3 教程：Vue 3 + Element Plus + Vite 2 的后台管理系统开源啦
• 使用 Vite+Vue3+Jsx 从零开始搭建后台管理系统《一》
• Vue3 开发企业级音乐 Web App
• Vue3 发布半年我不学，摸鱼爽歪歪，哎~就是玩儿
• 升级 Vue3 大幅提升开发运行效率
• Vue 3 最值得期待的五项重大更新
• 为什么我感觉 Vue 3 TypeScript 还是不行？-尤大大回答
• 直接学 Vue 3 吧 —— 对话 Vue.js 作者尤雨溪
• vite2+electron12 短视频+直播应用|electron+swiper 仿制抖音桌面版
• 京东 vue3 组件库震撼升级，如约而至！
• vue2 和 vue3 使用区别
• Vue3+TS+Vite2+Element Plus 两天写个抽奖小系统（前端篇）
• vue3 正式版开发体验心得！
• Vue3 生成图片验证码组件
• Vue3 源码中的位运算，又一个面试考点
• 一个很酷的 Vue3 的请求库
• 【vite2 + vue3】从 0 搭建体验（一）
• vue3+ts(1)：vue3 项目从 0 到 1 搭建
• vite2+vue3+vant3 h5 配置

❤ 新年新心情 ❤

• 手把手学习 Vue3.0：Vue3.0 跟 Vuex、Router、Axios 等组件的版本对照大全
• 手把手学习 Vue3.0：Vue3.0 正确使用 Bus 总线 mitt 实现组件间通信和传参
• 21 天学会写个仿 Vue3 的轮子：（四）升级响应式模块 --（上）
• 手把手学习 Vue3.0：Vue3.0 正确引入 Element UI 组件的正确姿势
• Vite 会成为 2021 年最受欢迎的前端工具吗？
• 在 Vue3 项目中集成 VSCode - 实现 Vite + Vue3 + MonacoEdit
• Vite2.0 正式发布，凭什么吊打 webpack ？
• 小鲜肉 Vite 会取代 OG Vue CLI 吗？
• Vite 2 + React 实践
• 浅谈 Vite 2.0 原理，依赖预编译，插件机制是如何兼容 Rollup 的？
• Vite 2.0 发布了
• vite2.0+CompistionAPI+ts 入门到精通教程
• 拥抱 Vite2.0 系列（一）
• 拥抱 Vite2.0 系列（二）
• 拥抱 Vite2.0 系列（三）
• 拥抱 Vite2.0 系列（四）静态资源处理
• 拥抱 Vite2.0 系列（五）打包生产
• 拥抱 Vite2.0 系列（六）环境变量模式
• 拥抱 Vite2.0 系列（服务端渲染）
• 拥抱 Vite2.0 系列（后端集成）
• 如何看待 Web 开发构建工具 Vite？
• 重构于 Vite
• 简单梳理下 Vue3 的新特性
• Vue3 时代，你应该全面拥抱依赖注入
• vite2.0 搭建 vue3 移动端项目
• Vue3 + Vite + TypeScript 项目实战 -----（二）Vue3 生命周期
• [[vue3 vs vue2] slot 用法详解](https://juejin.cn/post/6931286420040450061?contentsourceurl=https://github.com/vue3/vue3-News)
• 【Vue3 源码】Vue 到底发生了肾摸变化？
• 初探 vue3 ｜牛气冲天新年征文
• Vue3 + Vite + TypeScript 项目实战 -----（一）搭建项目
• 一文搞懂 Vue2 和 Vue3 的 Proxy
• 【阮一峰推荐】学习 vue3 源码的利器
• Vue3 组件（九）Vue3+element+json 实现一个动态渲染的表单控件
• 【Vue3 组件化源码】树形组件 ElTree 的内部原理
• Vue3 组件（五）封装一个更好用的 url 组件
• [[译] Vue3 Composition API](https://juejin.cn/post/6932815738562592775?contentsourceurl=https://github.com/vue3/vue3-News)
• [[vue3 vs vue2] Async Components](https://juejin.cn/post/6930963373978812430?contentsourceurl=https://github.com/vue3/vue3-News)
• Vue3 源码解读之 runtime（上）
• Vue3 组件库工程化实战 --Element3
• Vue3 疑问系列(2) — 在 component vnode 上绑定指令,指令是如何工作的？
• 在 vue3+vite 项目中使用 svg
• TS 加持的 Vue 3，如何帮你轻松构建企业级前端应用
• 微前端-vue3.0 实践
• Vue 3 Webpack Boilerplate (Vue 3, Vue Router 4, Vuex 4, Typescript)
• vue3 新特性示例: 响应式 API、组合式 API、TodoMVC
• 一个基于 vue3+typescript+ant-design-vue 搭建的基础代码库,有完善的类型系统，帮助快速搭建 vue3 的基础代码架构。
• vu-query: 目前 vue3 最好用的请求缓存库
• Vue3 丨进一步了解这 20 个响应式 API，写码如有神
• 解决 WebStorm 无法正确识别 Vue3 组合式 API 的问题
• Vue3 手册译稿-介绍
• VUE 3.0 Proxy 浅谈
• vue3.0+vite 实战(一)
• Vue3 组件（九）Vue + element-Plus + json = 动态渲染的表单控件
• web 前端项目案例实战
• 要了解的 vue3 基础语法
• vue3 搭建脚手架实战
• vue3 源码学习-vue3 的优化
• Vue3+Ts 在 CompositionAPI 下使用 Mitt
• Vue3.X 学习笔记
• Vue3 | Vue 中的诸多花样样式写法 以及 相关规则和技巧
• Vue3 组件（12）代码重构
• Vue3 源码解读之 runtime（上）
• 《vue3 从零搭建一个后台》(三)、第三方配置
• Vue3 源码解读之全局概览
• 基于 Vue3+TypeScript+ Vue-Cli4.0 构建手机端模板脚手架
• Vue3 全家桶 + Vant 搭建大型单页面商城项目，新蜂商城 Vue3 版本。
• vue3.x 直播实例|vue3.0+vite2 仿抖音小视频
• Vue3 从入门到项目实战
• 紧跟尤大的脚步提前体验 Vue3 新特性，你不会还没了解过 Vue3 吧
• 零基础学习 Vue3 教程 2021 年最新教程 免费视频教程
• Vue3.0 学习教程与实战案例