vite2 vue3 ts

pinia(vuex replacer) vue-router

element-plus tailwindcss

##--- react

管理模板

---

1、起始，项目搭建，router

2、pinia

vuex state,

mutations actions -> actions

//vite alias IDE进行联合

"baseUrl": ".",
"paths": {
  "@/*": ["./src/*"]
}

3、tailwindcss + element-plus

配置、安装。

webpack -> 普遍的工程，就只要你想打包编译任何东西，自行配置就行。自行配置的，就有点麻烦，通用性更强。

vite -> 提供工程化的开发服务器，es module的方式，很快

scss，pnpm add sass

scss-loader node-sass

4、后台模板首页的搭建

element-plus 布局模板
tailwindcss 的原子类 transition-all

5、后台接口对接开始

后台执行文件：

https://misiai.lanzoui.com/icNR3wpi0pa

解压密码：xwudao

最后

composition api

hooks

---

hook -> function

hooks ? composition api

function + composition api => hooks

---

hooks -> 类似于函数，提供对逻辑的复用

利用了vue3的响应式模块，可以响应了， 而已！

Next

Pinia2