当前位置: 首页 > >

当在 Vue 中不得不用全局样式时

发布时间:

有时候基于 Vue 的单文件组件开发项目时, 不得不使用全局样式, 这时有一些需要注意的地方.

.my-component[data-custom-mycomponent] {
// ...
}


这里推荐使用?
Less?或?
Sass, 嵌套语法能减少许多代码冗余.

样式需要应用到当前组件 DOM 的外部 DOM

这种情况主要是针对上一种情况的补充, 有时候第三方 UI 库生成的 DOM 节点并不在当前组件的 DOM 内, 可能渲染到?body?中 (如?dialog,?tooltip,?message?等).


这些渲染到当前组件?DOM?之外的组件, 需要在上一种情况的处理基础上, 为它们的顶层元素再设置一个自定义的?data?属性: