Vue中的样式作用域
介绍对于Vue样式作用域的介绍
- 对于所有组件中的Css都是通用的 在未指定作用域之前
在A组件中定义的 {.h1{color:red}} 同样会在b组件中生效 如果在B组件中也定义了 h1元素。 虽然在B组件中并没有当前样式的定义，因为在打包时会对同一的css进行打包
如果在两个组件中定义了两个不同属性但是相同名称的css样式，后者会生效，因为后者的Css样式会覆盖掉前者的。
--
所以怎么去避免这种错误？
使用scoped 属性可以指定css 仅仅生效在当前组件 不会被其他组件中定义的相同css名称所影响。
同时在style 可以指定当前格式的语言 使用lang 标签。
如果不写lang，那么默认使用Css
