# delete 发送请求 请求参数在 body

使用 delete 请求是如果是 使用 data 参数传递请求体数据则需要将 data 抱起来和使用 params 一样

例如 axios.delete ('https://api.example.com/resource', { data: requestData })

来源：https://apifox.com/apiskills/axios-delete-request/

而使用 post（或者 put）发请求的就不一样了，不需要 data 不需要包起来，直接丢进去，例如 axios.post (url, data, [config])

来源：https://apifox.com/apiskills/axios-post-request/

# 使用 CSS 变量

声明一个自定义属性，属性名需要以两个减号（ -- ）开始，存在作用域，一般可以可以在根下，也就是 html。使用的时候用 var (变量名) 来获取。由 var() 函数来获取值（比如： color: var(--main-color);

html {

  --main-bg-color: brown;

}

one {

  color: var(--main-color);

  background-color: brown;

  margin: 10px;

  width: 50px;

  height: 50px;

  display: inline-block;

}

详细看如下网址

https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties

# 展开运算符

展开运算符不可以展开对象 但可以拷贝对象

// 这里展开对象直接就报错了

	let obj = { name: 'xingqiu', type: 'water', age: 18 };

     console.log('展开对象：', ...obj);

let obj = { name: 'xingqiu', type: 'water', age: 18 };

// 可以深拷贝一个对象

let deepObj = {...obj}

deepObj.name='行秋'

console.log(obj,deepObj);

# 深度选择器 deep

# 使用原因

很多 vue 的组件库，如 vant，elementUI， iview 等都可能自定义样式。

如项目中用到了 elementui，如果使用预处理器 scss, sass,less , 修改样式可能修改不掉，而且这种需求出现的频率非常高。但如果去掉 scoped 话又会影响全局样式。当然我们知道可以使用 样式穿透的方式操作。

# 深度选择器

用来穿透组件的 scoped 样式隔离，允许组件内的样式影响到组件外部的元素。vue3 中采用:deep () 进行深度选择。

可参考：https://zhuanlan.zhihu.com/p/607652066