记使用过程中 vue的样式覆盖问题
1、一般想要覆盖第三方插件样式，可自己定义class，或者直接获取三方类名，添加样式，只需要在后面加 !important属性即可
如
.test{
font-size:14px !important;
}
2、vue是以分.vue的模块化开发；规范的.vue包含三部分;可以将样式组件样式写在style标签内
<template></template>
<script></script>
<style></style>
3、但是需要注意，虽然该组件未被渲染，但是打包以后，所有样式会被打包在一起，所以没有先后之分；页面渲染之时，会一并加载；难觅出现覆盖问题，所以需要以下方式解决，避免类似v-if打开的组件样式覆盖之前的样式；
<style scoped='scoped></style>
原文链接：https://blog.csdn.net/popstarqq/article/details/103304894
