从零搭建vue3 + ts + vant 的后台框架-引言

系列文章目录

从零搭建VUE3+VANT+TS的后台框架-引言
win10/win11快速安装node并配置环境变量

---

前言

计划从零开发一套基于vue3+ts+vant的后台框架，有了计划就行起起来，边实施边学习，同时把开发的过也会分亨到CSDN,如有问题请大家指点

---

一、后台框架名称:topit-vue-admin？

topit-vue-admin 是我准备搭建的后台框架名称，初步完成后也会在github和gitee上发布相应版本。

二、框架技术架构

1.基本vue3.x开发

Vue.js3.0"One Piece"正式版在2020年9月份发布。
Vue3支持Vue2的大多数特性
更好的支持TypeScript
现在主流组件库都已经发布了支持vue3.0的版本，其他生态也在不断地完善中，这是趋势

性能提升
打包大小减少41%。
初次渲染快55%，更新渲染快133%。
内存减少54%。
使用Proxy代替defineProperty实现数据响应式。
重写虚拟DOM的实现和Tree-Shaking
新增特性
Composition（组合）API
setup：
1、 ref和reactive。
2、 computed和watch。
3、 新的生命周期函数。
4、 provide与inject。
5、 ……
新组件
1、Fragment - 文档碎片。
2、Teleport - 瞬移组件的位置。
3、Suspense - 异步加载组件的loading界面。
其它API更新：
1、全局API的修改。
2、将原来的全局API转移到应用对象。
3、模板语法变化。

2.基于TS技术开发

TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。

3.组件库使用VANT

Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。

---

总结

如有建议请大家多多指点