起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 se

Ant Design Vue 3.x 使用，升级组件库，vite 中按需引入；使用 Pinia 重构路由(route)、侧栏菜单(menu) 和面包屑(breadcrumb)

从零带领大家搭建基于 vue3 + vite2 + typescript 的开发环境，逐渐带领大家搭建一套属于你自己的脚手架，制定一套合理的解决方案，为项目打下良好的基础，与同伴形成合适的开发习惯。

🔨前端架构项目相关依赖安装 ☞本系列文章过长会分开消化理解： 前端框架：vite2+vue3+typescript+axios+vant移动端 框架实战项目详解（一） 前端框架：vite2+vue3+

随着Vue3为广大开发者所接受和自身生态逐渐完善，更多同学往vue3的工程化方向完善，本文恰好给大家介绍下如何更好使用vue3及其周边插件，以及让它们组合到整个工程中去。

一个使用 vite + vue3 + pinia + ant-design-vue + typescript 完整技术路线开发的项目

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

为了写出更好的简明易简，可以结合`ref`、`recative`、`toRefs`写出优雅的代码，进行代码功能划分。无需再像之前一样，功能全部都定义在`data`中，而vue3更建议将代码按功能处理进

Vue3.2 setup语法糖 [ 单文件组件的语法糖<script setup> ],让写Vue3更畅快。