updateList.md · daning/vue3-vite-ts-template-node16

[toc]

注意默认的Node版本是16.5.0

# 更新说明记录

## 1.引入vue3的hook
参考[React的经典ahook](https://ahooks.js.org/zh-CN/hooks/use-request/basic/)

### ahook的特点
~~~
- 特性
- 易学易用
- 支持 SSR
- 对输入输出函数做了特殊处理，且避免闭包问题---重要
- 包含大量提炼自业务的高级 Hooks---重要
- 包含丰富的基础 Hooks
- 使用 TypeScript 构建，提供完整的类型定义文件
~~~

[v3hook实现网站](https://yanzhandong868.gitbook.io/v3hooks/#an-zhuang)

## 2.配置vite的配置
### 配置vite的生产环境和开发环境的区分
~~~
---vite配置文件中
import type { UserConfig, ConfigEnv } from 'vite';
import { loadEnv } from 'vite';
export default ({ command, mode }: ConfigEnv){
      const isBuild = command === 'build';
}
//@ts-ignoreTODO:注意放在最前面
plugins: [openCodeServer(), addCodeLocation(),Tov()]
---vue文件中
import { openCodeClient } from '@guijixing/vue-code-link'
// code初始化进入
openCodeClient.init()

使用：shift+右键
~~~

### vue-request和axios封装使用
~~~
一些常用vue-request参数含义
manual
类型： boolean

默认值： false

详情：

当 manual 设置为 true 时，你需要手动触发 run 或者 runAsync 才会发起请求

参考： 手动请求

#defaultParams
类型： P[]

默认值： []

详情：

如果 manual 设置为 false ，在自动执行请求的时候，将会把 defaultParams 作为请求参数

#ready 响应式
类型： Ref<boolean>

默认值： true

详情：

只有当 ready 为 true 时，才会发起请求。

自动模式：当 manual=false 时，每次 ready 从 false 变为 true 时，都会自动发起请求，并且会带上参数 options.defaultParams。
手动模式：当 manual=true 时，只要 ready 为 false，则无法发起请求。
参考： 依赖请求

#initialData

~~~

daning/vue3-vite-ts-template-node16

简介

发行版

贡献者

近期动态

daning/vue3-vite-ts-template-node16 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

daning/vue3-vite-ts-template-node16