从零搭建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 版本和支付宝小程序版本。


总结

如有建议请大家多多指点

猜你喜欢

转载自blog.csdn.net/itopit/article/details/127297906