vue2.0 引入css文件

<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文件中的样式只能在本组件中使用,而不会影响其他组件*/

参考资料

posted @ 2018-08-10 11:18  五个唔  阅读(752)  评论(0编辑  收藏  举报