1. fade 淡化进出 2. scale 缩放进出 3. left 左侧进出 (通常用于左侧边栏) 4. right 右侧进出 (通常用于右侧边栏) 5. top 顶部进出 (通常用于提示弹窗)

最近因为项目需要，不得不学习一下 Vue3。于是花了 4 个小时，把 Vue3 过了一遍。现在我来带你快速了解 Vue3 的写法。

Pinia 意为菠萝，表示与菠萝一样，由很多小块组成。在 Pinia 中，每个 Store 都是单独存在，一同进行状态管理。与 Vuex 相比，Pinia 提供了更简单的 API，更少的规范。

Pinia 删减了复杂的概念，简化了数据流转的过程，只剩下 store、state、getters、actions 这四个核心功能。本文使用一个用户登录的案例，来学习 Pinia 的使用。

工程信息 vue-cli: @vue/cli 4.5.13 vue3 : "version": "3.1.4", ts: <script lang='ts' setup> 模式 vue-router：

从0到1，带你搭建Vite+Vue3+Unocss+Pinia+Naive UI后台，基于 Vue3.0、Vite、Naive UI 的后台管理模板，简洁、轻量而优雅

年初Vue3.0已经正式发布了，不少企业已经将其投入生产了，Vue3.0已然成为前端市场上最为热门的技术之一。 面对Vue3.0，有人愁，有人喜。愁的原因是它并不好学、API很多、代码范式多元化；喜的

关于首屏优化，我做了哪些 前段时间领导突然找到我，说新项目的访问怎么变得这么慢，我立马访问对应页面，果然，首页加载8、9s，这近10s的等待时间，对于用户来说，无疑是痛苦的。于是乎领导就把这个首页加载

vite出来一段时间了，现在能不能投入实际的生产中。这篇文章通过实际的项目开发上线来探讨能否投入生产。