Vue里面css小技巧

1.给属性值赋为 unset可以清除css已设定的属性

 .elementStyle {
 	flex: unset;
 }

2.使用深度选择器可选中子孙元素后面的元素
三种方法
1.使用 >>> 方法 缺点可能会有兼容性问题 (不推荐)
2.使用::v-deep 方法
3.使用 /deep/ (推荐)

>>>.elementStyle {
	height:100vh;
	width:10vw;
}

::v-deep.elementStyle {
	height:100vh;
	width:10vw;
}

/deep/.elementStyle {
	height:100vh;
	width:10vw;
}

3.有时候抓取数据的时候获取不到别人服务器里面的数据 那是别人服务器做了判断 当你发送请求时默认会带出一个Referrer 他包含了当前请求资源的来源页面地址 。服务器判断你不是自己人就不会给你数据

简单方法（注意是服务器没有做什么特殊处理的情况下）

直接在HTML页面头中给meta标签属性全局配置

<meata name="referrer" content="no-referrer" />

4.在template模板里面引用外部图片
@直接定位src目录下 无论当前在哪个位置
在js代码块可以直接写@
在其他模块必须加上 ~才可以解析

<template>
    <image src="~@/src/XXXXX"></image>
</template>
<style scope>
@import 'url'  //引入css类  import前面加@
</style>