问题： vue组件编译只会对最外层加[ data-v-XXX]确保style scope仅作用本组件，不会污染全局
解决：

• 去掉scope或新建没有scope的style
• css深度作用选择器:>>>
• less\scss:/deep/
• ::v-deep()
• :deep()

参考资料

• Vue style 深度作用选择器 >>> 与 /deep/（sass/less） - 贝尔塔猫 - 博客园 (cnblogs.com)
• 单文件组件 CSS 功能 | Vue.js (vuejs.org)