vue3最新学习资料集合，不断更新


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

该推荐文章列表的最新资讯会第一时间发布到Github上，欢迎Star：

  欢迎`Star`，后续会不断更新。  

   最后更新日期：2️⃣0️⃣2️⃣0️⃣`/`0️⃣8️⃣`/`2️⃣7️⃣

【2020】 ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡————— 【2021】

Tw1tter vue3: **vue 3 will be available by the end of Q2.**

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


目录

• – [下半年撸vue3的霸气姿势](#-下半年撸-vue3-的姿势-)
• – [Vue 3 Cheat Sheet](#Vue3-CheatSheet)
• – [再谈 vue3](#再谈vue3)
• – [尤大推出`vue3 beta`之后](#尤大推出vue3-beta之后)
• – [迎接 Vue3.0 系列](#迎接Vue3.0系列)
• – [最新资讯-继续前进 ╰(_°▽°_)╯](#最新资讯-继续前进)
• – [英文资料](#英文资料)
• – [2019 年中旬](#2019年中旬)
• – [2019 年上旬](#2019年上旬)
• – [2018 年预告](#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 源代码，源码地址：vuejs/vue-next 。虽然目前还 处于 Pre-Alpha 版本，但是可以预见后面的 Alpha、Beta 等版本应该不会太遥远。  

之前，就有预言，除了性能优化、脚手架和新功能外，TypeScript 绝对是一个重点，因此，在 Vue 3.0 源代码版本中，98%代码由 Typescript 编写，相信后面会是 100%。  

通过本次发布的源代码可以了解到针对 Vue 3 计划并已实现的主要架构改进和新功能。  

Vue 3 中最主要的新特性：组合式 API，已经可以借助 vuejs/composition-api （在 Vue 2 项目中作为插件使用）体验到。

 yyx990803

进入了rc版本阶段：  

**3.0.0-rc.9 (2020-08-26)**  

• — Alpha(α)：预览版，或者叫内部测试版；一般不向外部发布，会有很多Bug；一般只有测试人员使用。
• — Beta(β)：测试版，或者叫公开测试版；这个阶段的版本会一直加入新的功能；在 Alpha版之后推出。
• — RC(Release Candidate)：最终测试版本；可能成为最终产品的候选版本，如果未出现问题则可发布成为正式版本。

多数开源软件会推出两个RC版本，最后的 RC2 则成为正式版本。  

我们的vue3就不一样，慢慢来，好东西，就要慢慢品！

**  2020 前端面试秘籍**

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

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

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

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

**  前端整理之道**

【整理】前端优化得有个好手段，比如看这个清单      

【整理】前端学习笔记总结清单，应有尽有      ]

**  关于 TypeScript**

【2020-Q1-News】TypeScript 新鲜一波流，自己品尝？

【最新】TypeScript 梳理知识点列表，可否一战？

【必会】都已经 9102 年底了，你必须会 TypeScript

   下半年撸 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 源码 全宇宙的都在这！

**vue => Q3 2020**  

3.0: Release Management

• – Regression testing for 3.0
• – Automated nightly release
• – Formalize release lifecycle
• – setup CLA process

• 3.0: IE11 compat build
• 3.0 Official Release

2.7

• – Backport compatible 3.x features to 2.x
• – Deprecation warnings for 3.x changes
• – This will be the last minor release for 2.x and be offered as LTS (long-term support) for 18 months. It will continue to receive critical security updates even after the LTS period.

[Vue 3 Deep Dive with Evan You 【中英字幕】- Vue Mastery](【课程】Vue 3 Deep Dive with Evan You 【中英字幕】- Vue Mastery_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili)  

课程中提到的预备课程是[《Vue3 响应式原理》](【课程】Vue 3响应式原理 (Vue 3 Reactivity) – Vue Mastery_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili)

– [Vue之父尤雨溪深度解读Vue3.0的开发思路（上）](【Web前端会客厅】Vue之父尤雨溪深度解读Vue3.0的开发思路_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili)  

– [Vue之父尤雨溪深度解读Vue3.0的开发思路（中）](【Web前端会客厅】Vue之父尤雨溪深度解读Vue3.0的开发思路（中）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili)  

– [Vue之父尤雨溪深度解读Vue3.0的开发思路（下）](【Web前端会客厅】Vue之父尤雨溪深度解读Vue3.0的开发思路（下）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili)  

里面评论区和弹幕有在调侃尤大大的：

• =》尤雨溪就是个写前端的，懂什么vue！
• =》你一点都不懂vue
• =》他懂个锤子的vue
• =》他根本不懂vue

一个不错的admin后台管理模板，期待升级为vue3：[ vue-admin-beautiful是一款基于vue+element-ui的绝佳的中后台前端开发管理框架（基于vue/cli 4 最新版，同时支持电脑，手机，平板）,他同时是拥有100+页面的大型vue前端单页应用,长期更新维护,感谢您的star,我一直在努力](chuzhixin/vue-admin-beautiful)  

* [从Vue 2到Vue 3的迁移指南之破坏性特性（一、全局API）](从Vue 2到Vue 3的迁移指南之破坏性特性（一、全局API）)  

* [从Vue 2到Vue 3的迁移指南之破坏性特性（二、全局API的tree-shaking）](从Vue 2到Vue 3的迁移指南之破坏性特性（二、全局API的tree-shaking）)  

* [从Vue 2到Vue 3的迁移指南之破坏性特性（三、v-model）](从Vue 2到Vue 3的迁移指南之破坏性特性（三、v-model）)  

* [从Vue 2到Vue 3的迁移指南之破坏性特性（四、渲染函数API）](从Vue 2到Vue 3的迁移指南之破坏性特性（四、渲染函数API）)  

[翻译官网文档列表](- 掘金)  

• – vue/next 指南——01安装
• – vue3指南—02介绍
• – vue3指南-03应用实例
• – vue3指南-04 Template Syntax template语法
• – vue3指南——05 Computed属性(property)和侦听器
• – vue3指南-06Class and Style Bindings 类名和样式值绑定
• – vue3指南–07Conditional Rendering 条件渲染
• – vue3指南–08List Rendering 列表渲染

* [Be prepared to migrate your Vue APP to Vue 3](https://dev.to/chenxeed/be-prepared-to-migrate-your-vue-app-to-vue-3-eom?content_source_url=https://github.com/vue3/vue3-News)  

* [How to test your library for Vue 2.x and Vue 3.0](How to test your library for vue 2 and vue-next)  

* [GitHub – blacksonic/awesome-vue-3](blacksonic/awesome-vue-3)  

* [GitHub – nkoehring/vue3-typescript-app-starter](nkoehring/vue3-typescript-app-starter)  

* [Vue 3 UX Wins with Async Components & Suspense](Vue 3 UX Wins with Async Components & Suspense)  

* [Handling Asynchrony in Vue 3 / Composition API — Part 1: Managing Async state](https://medium.com/@martinmalinda/handling-asynchrony-in-vue-3-composition-api-part-1-managing-async-state-e993842ebf8f?content_source_url=https://github.com/vue3/vue3-News)  

* [Build better higher-order components with Vue 3](Build better higher-order components with Vue 3 – LogRocket Blog)  

* [Vue3.0中的性能优化](Vue3.0性能优化之重写虚拟Dom_summer_zhh的博客-CSDN博客)  

* [Vue3 + Element ui 后台管理系统](Vue3 + Element ui 后台管理系统)  

* [Vue3.0数据响应式原理详解](Vue3.0数据响应式原理详解 – web开发 – 亿速云)  

* [学习Vue3.0，你需要先了解一下Proxy](学习Vue3.0，你需要先了解一下Proxy)  

* [学习Vue3.0，先从搭建环境开始](学习Vue3.0，先从搭建环境开始)  

* [vue3 源码全面解读](hkc452/slamdunk-the-vue3)  

* [浅谈Vue3的watchEffect用途](浅谈Vue3的watchEffect用途 | 码农家园)  

* [vuetify 正在开发的 v3 分支，ts + vue3](vuetifyjs/vuetify)  

* [vue3源码学习——computed](vue3源码学习–computed_潇蓝诺依的博客-CSDN博客)  

* [vue3源码学习——响应式reactive](vue3源码学习–响应式reactive_潇蓝诺依的博客-CSDN博客)  

* [Vue 3.x 组件式 API](one-pupil/study)  

* [Vue3.0 + Vite 使用 Bootstrap](人类身份验证 – SegmentFault)  

* [Vue3 模板编译原理](人类身份验证 – SegmentFault)  

* [VUE3来了，你用了NestJS了吗?（一）](人类身份验证 – SegmentFault)  

* [程序员为什么要学习源码 | Vue3源码系列开篇词](程序员为什么要学习源码 | Vue3源码系列开篇词)  

* [Vue3 + TS + Egg重构自己的小项目[总结]](https://juejin.im/post/6862582779419459598?content_source_url=https://github.com/vue3/vue3-News)  

* [vue3+Ts可视化开发的研究，实战拖拽基础，组件动态生成，远程加载组件](vue3+Ts可视化开发的研究，实战拖拽基础，组件动态生成，远程加载组件 – 掘金)  

* [Vue3.0变动简介](Vue3.0变动简介 – 掘金)  

* [使用Vue3构建更好的高阶组件[译]](https://juejin.im/post/6859571758362525704?content_source_url=https://github.com/vue3/vue3-News)  

* [Vue3响应式原理剖析](Vue3响应式原理剖析 – 掘金)  

* [进阶高级前端，这9种Vue技术你掌握了吗？](https://juejin.im/post/6862560722531352583?content_source_url=https://github.com/vue3/vue3-News)  

* [Vue3教程，抢先学习](Vue3教程，抢先学习 | 易学教程)  

* [Vue3 composition-api 有哪些劣势？](Vue3 composition-api 有哪些劣势？)  

* [Vue3文档【Vue2迁移Vue3】](https://juejin.im/post/6858558735695937544?content_source_url=https://github.com/vue3/vue3-News)  

* [vue3.x reactive、effect、computed、watch依赖关系及实现原理](vue3.x reactive、effect、computed、watch依赖关系及实现原理)  

* [Vue最全知识点（基础到进阶，覆盖vue3.0，欢迎补充讨论）](大前端奕辰：Vue最全知识点（基础到进阶，覆盖vue3.0，欢迎补充讨论）)  

* [Vue3.0浪潮下，没有一个平庸的程序员是无辜的，此刻，你需要把握这些?](大前端程序猿：Vue3.0浪潮下，没有一个平庸的程序员是无辜的，此刻，你需要把握这些……)  

* [vue3 + router + tsx + vite 试用报告](四宿参：vue3 + router + tsx + vite 试用报告)  

* [学习vue3系列watch](学习vue3系列watch_前端精髓-CSDN博客)  

* [使用Vue3构建更好的高阶组件译](使用Vue3构建更好的高阶组件译_gufudhn的博客-CSDN博客)  

* [紧跟尤大的脚步提前体验Vue3新特性，你不会还没了解过Vue3吧](紧跟尤大的脚步提前体验Vue3新特性，你不会还没了解过Vue3吧_Lpyexplore的博客-CSDN博客)  

* [使用 Vue 3.0，你可能不再需要Vuex了](使用 Vue 3.0，你可能不再需要Vuex了)  

* [使用vite搭建Vue3项目](使用vite搭建Vue3项目_GHkmmm的个人博客-CSDN博客)  

* [Vue3相对于2系列的升级（一）](Vue3相对于2系列的升级（一）_豆轩的博客-CSDN博客)  

* [vue3为何放弃defineProperty，使用Proxy](vue3为何放弃defineProperty，使用Proxy_华工Web练习生-CSDN博客)  

更多阅读

该推荐文章列表的最新资讯会第一时间发布到Github上，欢迎Star：

Find the latest breaking √vue3 & vue-cli 3 News