在vue中引用css有哪些方式?在vue中,我们想要引入CSS,可以全局引入也可以局部引入。下面我们就来分别了解一下这两种方式,下文有实例供大家参考,感兴趣的朋友就继续往下看吧。
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。
在vue中引入外部的css文件:
在项目的src文件下,新建一个style文件夹,存放css文件。
1. 全局引入
将外部的css文件放到style文件下,引入外部文件只需在main.js文件中
import './style/reset.css'
我引入的是清除默认样式的css文件
2. 局部引入
<style scoped> @import '../assets/iconfont/iconfont.css';这个分号一定要写,要不会报错 </style>
@import CSS@规则,用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则,@charset 规则除外; 因为它不是一个嵌套语句,@import不能在条件组的规则中使用。
因此,用户代理可以避免为不支持的媒体类型检索资源,作者可以指定依赖媒体的@import规则。这些条件导入在URI之后指定逗号分隔的媒体查询。在没有任何媒体查询的情况下,导入是无条件的。指定所有的媒体具有相同的效果。
现在大家对于vue引用css的方法都有所了解了吧,有需要的朋友可以参考上述方法,希望本文对大家学习vue框架有帮助,想要了解更多请关注群英网络其它相关文章。
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2018 群英 版权所有 茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号-36 粤公网安备 44090202000006号 粤工商备P091701000595