axios

封装的时候#xff0c;只是把响应和拦截还有一些全局的配置封装了一下#xff0c;并没有加…只是单纯记录一下最近维护了几个项目之后的感触也只是在自己现在水平上面的一些感觉。

发发牢**水文章

axios

封装的时候只是把响应和拦截还有一些全局的配置封装了一下并没有加很多也没有单独封装

get、post

这些方法因为我觉得使用起来已经非常简单了axios.get(url,param)、axios.get(url,param)我觉得已经非常简便了维护的旧项目封装了三层到四层吧用起来在我看来是一样的。

基础配置和规范

css也可以自己写一些常用的肯定是写的不完整完全可以后期有用到再补充。

不止样式其他也是一样常用函数之类的。

这不就是组件化、插件化吗。

项目运行起来最开始开发工具肯定是没有报错的后面不知道经过多久报错了但是还能运行慢慢的也就没人管了就放着吧这是我第一次见。

真不应该既然使用了

eslint警告和报错能解决就解决了肯定是不能出现在都是报错的编辑器进行开发。

console

去掉开发的时候要看一些东西控制台出现一大堆打印代码出现各种打印的地方。

注释也是有时候一些东西临时不用是可以注释但是简单的东西去掉就去掉了放着约放越多复制了别的页面的没用的就都删了见过

500

如果可以有个项目文档挺有必要的介绍一下基础的东西免得新接手的不知道有这个实现的功能又自己写一套当然多问也是可以的。

reactive

很多情况下我们会直接重新赋值一个对象尤其是字段多的时候vue3

reactive

声明的如果重新赋值整个对象是没法做到响应式的或者只能一个一个字段去赋值。

vue3

this.forceUpdate()提供的forceUpdate()提供的forceUpdate()提供的forceUpdate()强制该组件重新渲染没用过并不清楚具体行不行。

所以有几个取巧的方法在规范上可能会被说

const

Object.assign重新赋值整个对象场景不会非常多大部分是请求数据回来会使用另外两种增加代码量而且规范上面比较不符合。

组件使用

v-model:modelValueshowModelValue/Chidren//子组件

el-dialog

:before-closehandleClose/el-dialoginterface

PropsType

withDefaults(definePropsPropsType(),

{modelValue:

defineEmits([update:modelValue]);const

handleClose

声明都要用.value然后现在提出了响应性语法糖不需要.value还在实验阶段官网给出了警告

响应性语法糖目前是一个实验性功能默认是禁用的需要显式选择使用。

具体设计在最终定稿前仍可能发生变化你可以查看

GitHub

$ref(0)console.log(count)function

increment()

自己配置。

架不住有特殊情况所以根目录添加.env.dev、.env.prod

VITE_开头在其他地方

VITE_BASE_URL/https://www.test.com/v2const

service:

:deep(.el-input-group__prepend)

background:

进行声明虽然性能方面没什么非常大的影响开发可读性和维护起来会更好一些。

typescript