vue引入图片的几种方式,你一定要知道!
2022/10/10 4:24:12
本文主要是介绍vue引入图片的几种方式,你一定要知道!,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
两种方式引入css文件,一种是直接在main.js中引入(也可以在其他的.vue文件中的标签中),即下面这种写法:
import 'element-ui/lib/theme-default/index.css'
这种写法适用于此css文件存在于项目中,不适用于通过网址访问的方式引入,会报错。偶试着引入Font Awesome,结果报错:
import "http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
而直接在组件中引入却可以,组件中引入也比较简单:
<style> @import "../css/style.css"; @import "//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; </style>
引入语句后面最好加上分号,只引用一个还好,引用多个不加分号会报错。
当然还有使用require()引入的,暂时比较习惯使用import。
再宏伟的目标,拆分下来,也只是一串串的代码而已;一串串的代码,细分来看,也只是一个一个的字母而已!也许,我做不到一晚上完成大神一小时随便敲打的项目,但为这一目标,每天添砖加瓦,我想我应该是可以完成的!
Vue相关内容推荐:
https://www.imooc.com/zt/3252
https://www.imooc.com/zt/3231
https://www.imooc.com/zt/3241
https://www.imooc.com/zt/v
这篇关于vue引入图片的几种方式,你一定要知道!的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist