vue 单文件组件中样式加载

2019-04-20 08:55:05来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

在写单文件组件时,一般都是把标签、脚本、样式写到一起,这样写个人感觉有点不够简洁,所以就想着把样式分离出去。

 

采用import加载样式

在局部作用域(scoped)采用@import加载进来的样式文件,想法是美好的。以为这样加载进来的样式文件也只对当前组件有效;可现实是残酷的,这样加载进来的样式无法限制作用域

<style scoped>
    @import "样式文件";
</style>

 

解决方案

采用 src属性加载样式。

<style src="样式路径" scoped></style>

 


原文链接:https://www.cnblogs.com/whnba/p/10740307.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:package.json常用的字段

下一篇:js时间的应用(再看看前面,会发现不一样的)