vue在没有设置scoped的情况下，在一个页面设置了样式，别的页面有相同的类名命名，不起作用是为什么？
2条回答 默认 最新
关注- 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue模块私有组件中(scoped)设置全局样式
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2023-01-07 02:16视觉CG的博客 Vue3的scoped样式不生效
- 2019-12-15 12:09努力吧灰灰兔的博客 注意：scoped作用：使得.vue中的样式不影响其他.vue组件样式，而不是scoped使得.vue组件样式不受外样式影响。 1、在vue组件中，为了使样式私有化（模块化），不对全局造成污染，在style标签上添加scoped属性，以表示...
- 2022-05-28 16:42天马3798的博客 出现环境：在vue组件中使用了scoped，发现手写的标签样式起作用，但是第三方的组件标签并没有起作用 原因： 1. 先搞清楚scoped的布局实现 在style上加上scoped后 会对 style里面加了样式的标签 每个加上一...
- 2022-04-30 22:19第一段代码的博客 1 Scoped属性作用 当 <style> 标签设置 scoped 属性后，它的 CSS 只作用于当前组件中的元素(本地和全局的概念).... 使用 scoped 后，父组件的样式将不会渗透到子...2.1 页面中混用本地和全局样式 一个组件中同时
- 2025-12-15 15:44蜗牛攻城狮的博客 本文深入解析Vue单文件组件中<style scoped>的实现原理。通过编译时为组件生成唯一hash标识符（如data-v-1a2b3c4d），并将该属性添加到所有DOM元素上，同时重写CSS选择器为[data-v-xxx]形式，实现样式作用域...
- 2019-12-27 15:29一只小小的前端的博客 注意：scoped作用：使得.vue中的样式不影响其他.vue组件样式，而不是scoped使得.vue组件样式不受外样式影响。 1、在vue组件中，为了使样式私有化（模块化），不对全局造成污染，在style标签上添加scoped属性，以表示...
- 2022-02-21 18:09FortheOne的博客 vue 子组件样式覆盖问题； scoped deep使用总结
- 2024-04-15 23:17small_wh1te_coder的博客 在vue文件中嵌套使用子组件时，如果scoped属性选中了，里面的组件是不会被调整到，以为css还有作用域的限制！必须要用deep属性穿透进去才能控制内部嵌套的vant的tabbarItem。
- 2024-03-13 14:14没什么本事的博客 正因为有这个标识，所以对应的组件里面的css也会...具体是因为这样vue在渲染组件中元素时会加上一个标识，例如。想让组件单独使用一个样式，而不是全局样式。这种方式，但是如果直接加上就开始使用，这样是不会生效的。
- 2025-06-07 20:270xabcdog的博客 在配置 Vue 插件时，开启全局 customElement 编译模式：import { defineConfig } from 'vite'plugins: [vue({})})之后所有.vue文件都以 customElement 模式编译，注册的组件样式都会注入到 Shadow DOM。
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月27日
已采纳回答
9月19日-
创建了问题
9月15日