知食记
搜索文档…
scope css
通过 Webpack 调用 VueJS 中相应 Loader , 给组件HTML模板添加自定义属性 (Attribute) data-v-x, 以及给组件内CSS选择器添加对应的属性选择器 (Attribute Selector) [data-v-x], 达到组件内样式只能生效与组件内HTML的效果, 代码效果如下:
1
<div class='lionad' data-v-lionad></div>
2
<style>
3
.lionad[data-v-lionad] {
4
background: @tiger-orange;
5
}
6
</style>
Copied!
最近更新 1yr ago
复制链接