一份很棒的Vue3 学习清单

关注公众号 前端开发博客，回复“加群”

加入我们一起学习，天天进步

看到一个Github上整理的关于Vue 3的项目，资源比较多，有需要可以去看看。下面是一个目录，我整理了一下，中文为机器翻译。

项目：https://github.com/blacksonic/awesome-vue-3/blob/master/README.md

点击底部阅读原文直达

文章

• Vue 3 –有关新版本Vue.js的信息摘要

• Vue 3中的新功能概述

• Vue 3中令人兴奋的新功能

• Vue 3中的新功能以及如何使用它们

• 您应该在Vue v3版本中期待什么明显的功能

• Vue.js 3会为开发人员提供哪些新功能？

• Vue 3升级指南

• 使用Vue Composition API构建电影搜索应用

• React Hooks与Vue 3 Composition API

• 成分API速查表

• 在Vue2与Vue3中构建相同的组件

• 暂挂– Vue 3中的新功能

• 使用Composition API进行状态管理

• 门户– Vue 3中的一项新功能

• 使用Vue 3更快的Web应用程序

• 人们为什么对Vue 3感到不满

• Vue 3：数据减少，事件增加

• Vue 3：立即开始使用

• 反应性：Vue 2 vs Vue 3

• 学习Vue 3的主要方法

• 一个useModal挂钩和代理

• 体验有史以来最快的开发环境

• Vue 3异步组件和捆绑包拆分

• 介绍Teleport又名Portal

• 适用于Vue 3的Webpack

• 测试Vue 3组件的最佳实践

• Vuejs 3和TypeScript

• Vue 3中的反应性

• Vue 3.0对Web开发意味着什么？

• 如何使用Vue的watchEffect来跟踪反应性依赖项

• Vue 3的全球安装

• 过滤器在Vue 3中流向何处？

• 使用Suspense在Vue 3中异步

• 使用Vite加快Vue开发的热加载速度

• 在Vue.js 3中使用Composition API创建一个i18n插件

• 使用Vue Composition API生成干净，可扩展的表单

• 在Vue.js 3中轻松切换到Composition API

• 在Vue.js 3中的Composition API中使用旧实例属性

• 在Vue.js 3中的Composition API中访问模板引用

• 过程：制作Vue 3

• Vue 3 Composition API的上下文和提供者模式

• 了解Vue 3.0中的反应性

• 在VSCode中设置Vue 3 linting

• 使用Vite + Vue-Test-Utils进行无头测试

• 使用Composition API轻松处理Vue.js中的API请求

• 您可能不需要使用Vue 3的Vuex

• 编写一个Vite插件

• 准备将您的Vue应用迁移到Vue 3

• Vue 3的新增功能

• 什么是恶毒？

• Vue Router 4的酷功能

• 观看@ vue / reactivity

• 在Vue 3 / Composition API中处理异步

• 使用Vue Composition API和vue-concurrency处理异步

• 使用Vue和Composition API构建数据层

• 您是否应该使用Composition API替代Vuex？

• Nuxt Composition API

• 使用Vue 3和Typescript创建自定义挂钩

配套

• vue-next -Vue 3.0的回购

• vue-cli-plugin-vue- next-用于试用vue-next的Vue CLI插件（实验性）

• vue-router-next -Vue 3官方路由器（WIP）

• vue-test-utils- next-针对Vue 3的Vue Test Utils的下一个迭代

• composition-api -Composition API的Vue2插件。

• vite-由本地ESM驱动的Web开发构建工具。它很快。

• vitepress -Vite＆Vue驱动的静态站点生成器

• 网络使用网站-????以Vue.js组合功能实现的Web API

• vee-validate -VeeValidate（v4）Vue 3模板驱动的表单验证

• vuelidate-next -Vuelidate（下一个）-简单，轻量的基于模型的验证

• VUE-撰写，承诺-????使用vue composition API的承诺

• VUE的组合物的工具包-????Vue3 Composition-API工具箱

• vue-composable -Vue composition-api可组合组件

• 提示-????Vue 2和3的基本Vue Composition API实用程序集合

• VUE使用试剂盒-????️Vue Composition API函数的有用集合

• 观察条件观察者-????Vue Composition API，用于在条件发生变化时自动获取数据

• vue-router-compositions -VueRouter Composition-API utils库

• VUE使用的开关，地图-????RxJS switchMap运算符的功能注入了Vue合成世界

• 无限使用无限滚动-♾️Vue合成功能，使无限滚动变得轻而易举

• vuehooks -????Vue的实用程序组合功能集合

• VUE-cookie的未来-????vue 3插件，用于处理带有打字稿支持的浏览器cookie。

• VUE-拖动，未来-????基于Sortable.js的Vue 3拖放组件。

• vue-float-menu -Vue 3的可自定义浮动菜单

• 威化-????Vue 2和3的轻巧，轻松，美观的Toasts。

• vue3-scroll-picker- Vue 3的滚动选择器组件。

• Vue并发-????一个用于封装异步操作并管理Vue和Composition API并发性的库。

• vue-inline-svg -Vue组件动态且内联地加载SVG源，<svg>因此您可以使用CSS或JS操纵其样式。适用于Vue 2和3。

• vue-3- sanitize-用于Vue.js 3应用程序的HTML清理程序

• echarts换VUE -????????Vue 3和2的ECharts包装器组件

• headlessui-vue -Vue 3的一组完全不样式化，完全可访问的UI组件，旨在与Tailwind CSS完美集成。

• vue3-spring-一个基于弹簧物理学的动画库，除了更多组件之外，还涵盖了大多数与UI相关的动画。

• vue3-carousel-为Vue 3构建的现代轻量级轮播组件。

• vue3-tabs -vue 3的可滑动式标签组件。

• particle.vue3-一个轻量级的库，可轻松为网站创建高度可定制的粒子动画

• vue-final-modal -Vue 3的无渲染，轻量级，功能丰富的模式组件。

• vueper-slides-显示/轮播。

• splitpanes -Vue和Vue 3可靠，简单且可触摸的窗格分离器/缩放器。

• vue-cal -Vue和Vue 3完整日历，无依赖项，无BS。????

• wave- ui-面向Vue.js和Vue 3的新兴UI框架，但只有光明的一面。☀️

• vant-基于Vue 3构建的轻量级移动UI组件

• vue-hooks-form-使用Vue composition API构建表单

• vue-visibility -Vue插件，根据条件隐藏或显示元素。????

• vue响应视频背景播放器-以不同的分辨率在后台播放自己的视频。

• harlem -Vue 3的简单，不受限制，轻量级和可扩展的状态管理

• vue3-ui-非常干净的Vue 3组件，具有爱与关怀的风格，可与Bulma CSS完美集成。

• vue3-qr-reader -Vue 3 QR阅读器组件。重构vue-qrcode-reader以实现vue 3兼容性。

例子

• vue-3-playground-具有所有新功能的Vue 3 Playground

• vue3-webpack-boilerplate -Vue 3 Webpack样板（Vue 3，Vue Router 4，Vuex 4，Typescript）

• VUE的组合物的工具包-????Vue3 Composition-API工具箱

• vite-tailwind-starter-

• todomvc-vue-composition- api-使用Vue 3 Composition Api和Vuex构建的TodoMVC

• composition-api- demos-一个Vue.js应用，演示了新的composition API的各种用例

• Vue3Todo-通过简单的示例展示新的Vue 3.0 Composition API的存储库

• movie-search-vue-具有Vue 3 Composition API的电影搜索应用程序

• vue-next-webpack-preview -Vue 3（测试版）的最小Webpack设置

• vue-3-reactivity -Vue 3反应性课程中的代码

• 带有导入地图的vue-cart-具有Vue ES模块和Composition API的基本购物车（无捆绑程序或构建步骤）

• vue3-现实世界-示例应用内使用的Vue 3 +打字稿+组成API实现

• vue3-MD-博客-✍️最低配置Vue3 + Markdown博客引擎

工具类

• aria- vue-使用Vite + Vue + Vue-Testting-Utils进行无头测试

视频

• 埃文·尤（Evan You）-《 Vuenion 2020年状态》

• Alex Kyriakidis-Vue 3中的特色

• Evan You-Vue 3中的新功能

• Vue 3：我最喜欢Chris Fritz的地方

• 实时编码：新的Composition API-Jason Yu

• Natalia Tepluhina-您可能不需要Vuex

• Evan You的Vue 3.0设计原理

• 为什么使用Vue 3 Composition API？

• Alex Kyriakidis的Vue 3和Composition API

• ThorstenLünborg-合成API最佳做法

• Damian Dulisz-Vue 3.0的Vuelidate版本

• 2020年Vue.js状况-为什么要实现飞跃-Gwendolyn Faraday

• 具有Vue.js 3，Node.js和PostgreSQL的全栈TypeScript

• Vue 3：前端的未来

图书

• 通过Vue成为忍者（EN和FR版本）

• Vue.js 3食谱

课程

• Vue.js 3大师班

• Vue 3的新功能

• Vue 3基础

• Vue 3与Evan You的深潜

• 使用Vue 3构建Gmail克隆

• Vue 3反应性

• Vue.js：Composition API

• 完整的Vue.js 3速成课程

• 从Vue 2到Vue 3

• 通过Vue成为忍者-在线培训（EN和FR版本）

• Vue 3简介

相关文章

1. 让你30分钟快速掌握vue 3

2. 一篇文章上手Vue3中新增的API

3. Vue 最全知识点，面试必备，覆盖 Vue 3.0

最后

关注公众号：前端开发博客，回复 1024，领取前端进阶资料

1. 回复「Vue」获取 Vue 精选文章

2. 回复「面试」获取 面试 精选文章

3. 回复「JS」获取 JavaScript 精选文章

4. 回复「CSS」获取 CSS 精选文章

“在看”吗？在看就点一下吧