目录
前言：
1.全局样式和局部样式设置
1.1 目录结构：
2.2 index.css设置引入css文件
3.3 入口文件main.js设置为全局
2.提升效率重要方法
3.提升效率重要方法-集中处理UI样式
如：新建element-ui.css文件，在这里集中处理以全局生效
总而言之，单独集中处理第三方UI库，全局生效，大大提高效率
4.提升效率重要方法-学会复制
5. 提升质量方法-flex、百分比、rem布局
6.解决疑难杂症方法-::v-deep和加类名
7.提升质量方法：巧用flex实现元素对齐、居中
在实际项目中常常面临一个问题：
按钮的高度要和输入框一样高，或者这个logo要垂直居中，上下边距要一毛一样且自适应。
我们可以使用flex布局：
display:flex;
justify-content: center;//水平居中
align-items: center;//垂直居中
8.提升质量方法：巧用三元表达式
在实际项目中，应该会经常遇到这样的业务场景：
密码强度验证低中高对应三种颜色；
后端返回一个字段，低危中危高危对应三个颜色；
我们可以使用三元表达式提高效率，但是如果是需要判断两次我们又不想写函数来处理，可以使用:class+:style结合的方式，可以使代码逻辑更清晰，也避免了三元嵌套地狱的情况。
