Vue中的样式作用域
2024-09-01 22:15:11
介绍对于Vue样式作用域的介绍
- 对于所有组件中的Css都是通用的 在未指定作用域之前
在A组件中定义的 {.h1{color:red}}
同样会在b组件中生效 如果在B组件中也定义了 h1元素。 虽然在B组件中并没有当前样式的定义,因为在打包时会对同一的css进行打包
如果在两个组件中定义了两个不同属性但是相同名称的css样式,后者会生效,因为后者的Css样式会覆盖掉前者的。
--
所以怎么去避免这种错误?
使用scoped 属性可以指定css 仅仅生效在当前组件 不会被其他组件中定义的相同css名称所影响。
同时在style 可以指定当前格式的语言 使用lang 标签。
如果不写lang,那么默认使用Css
最新文章
- echarts统计图使用
- php统计网站访问次数的一个简单方法
- C#反射生成简单sql语句
- JavaScript笔记——this的取值
- Javascript继承机制的设计
- Web前端学习笔记(001)
- Python的类变量和对象变量声明解析
- 只有IE能上网,其他浏览器均不可以!
- nodejs的mysql模块学习(四)断开数据库连接
- 原生 JavaScript 图片裁剪效果
- 【原创】车载实时路况信息接收终端移植于Smart210开发板 --- 综合教程
- hex格式介绍及转bin格式的源程序
- Vijos:P1001谁拿了最多奖学金
- windows service宿主web api使用";依赖注入";和“控制反转”的技术实践
- tree conflict svn 怎么解决
- Karma (Test runner)
- Linux下tar压缩解压缩命令详解
- git查看分支图
- Python中的__init__()和__call__()函数
- Mac破解Sublime Text 3 3176