vue2.0 引入css文件

最新推荐文章于 2023-11-18 11:06:26 发布

aiyikang2759

最新推荐文章于 2023-11-18 11:06:26 发布

阅读量660

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wulzt/p/9453918.html

版权

<style>
@import "../assets/css/home.css";
</style>

用上面这种写法，在style中用scoped无效

1.
<style scoped>
    @import '../../assets/css/home.css';  
</style>
/*这样写的话import的css文件会被编译为全局样式，但是引入less等预编译文件，就会局部生效*/
 
2.
<style src="../../assets/css/home.css" scoped>
</style>
/*这样写的css文件中的样式只能在本组件中使用，而不会影响其他组件*/

参考资料

转载于:https://www.cnblogs.com/wulzt/p/9453918.html