vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久，主要因为：作为一个个人开源项目，维持它已经…

本文为 Vue3+Vite 项目实战系列教程文章第四篇，系列文章建议从头观看效果更佳，本文的核心是介绍项目中的黑白模式切换。

2022年了，还没有用过 Vue3？赶快来学习吧，Vue3实战专栏，带你走进 Vue3，本文将介绍如何使用 Vue3+Vite 搭建一个项目

笔者之前是Vue2+React开发者，因项目需要直接上手Vue3，所以快速学习一下，中间会对比一些和React相关的区别

参考了如下组件库，因为有些设计是多个版本和框架的，这里只讨论 Vue3 版本。 element-plus - 经典中的经典，全面支持 Vue 3 tdesign-vue-next - 鹅厂优质 UI

Vue3.0 Composition Api (最核心)、v-model更改、响应式ref和reactive、watch和watchEffect、以及vue2和vue3对比

距离 Vue DevUI 组件库第一个rc版本发布过去3个月。 这3个月来，共有33位田主参与组件的打磨和优化，共优化和修复了61个组件的377个特性和缺陷。 Vue DevUI 已趋于成熟，欢迎大家

业务背景 近些年来，随着前端工程架构发展，使得前端项目中也能拥有如后端工程的模块能力。今天我们就来聊下如何在`Vite`中实现一套拓展能力强的多环境适配方案。

Pinia优势 Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐 Vue2 和 Vue3 都能支持 抛弃传统的 Mutation ，只有 state, getter 和 ac