vue 样式覆盖问题

记使用过程中 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>