Vue学习之旅Part17：Vue集合Webpack组件中的样式标签的lang和scoped属性
默认在
Piconjo_Official
原创文章 228获赞 33访问量 168万+
关注
私信
展开阅读全文
作者：Piconjo_Official
Account - Login
export default {
}
div{
color:aqua;
}
即使该标签是在子组件里设置的 也同样是影响到全部的样式
此时 可在标签上添加一个scoped属性(没有属性值)
添加之后 样式就只能在该组件的范围内产生影响了：
div{
color:aqua;
}
默认的标签只支持普通的css样式
若要启用scss或less等其它样式 需给标签设置lang属性：
body{
div{
font-style: italic;
}
}
当然 前提是需要配置相应的loader(加载器)
详细请参看我另一篇博客：在Webpack中配置loader加载器以实现正常打包样式文件
lang属性支持很多样式 例如css less sass postcss stylus等
Piconjo_Official
原创文章 228获赞 33访问量 168万+
关注
私信
展开阅读全文
作者：Piconjo_Official
相关文章
Blossom
2020-08-06
Margaret
2020-02-03
Eranthe
2021-07-30
Kanya
2020-04-17
Claire
2021-05-21
Judy
2023-07-20
Rabia
2023-07-20
Brigitte
2023-07-20
Abbie
2023-07-20
Yvonne
2023-07-20
Rasine
2023-07-20
Tina
2023-07-20
Kande
2023-07-20
Flower
2023-07-20
Heather
2023-07-20
Tertia
2023-07-20
Fredrica
2023-07-20
Katherine
2023-07-20