主要介绍了vue单页面修改样式无法覆盖问题,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

当 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。 vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局。 比如： .example { color: red; } hi 转换结果： .example[data-v-f3f3eg9] { color: red; } </styl