在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。
vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素
当然有些样式需要每个组件都可以用，就用以下的来进行区分
<style> /* global styles */ </style>
<style scoped> /* local styles */ </style>
或者用下面穿上方法
外层 >>> 第三方组件 {
样式
}
外层 /deep/ 第三方组件 {
样式
}
