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。

再宏伟的目标，拆分下来，也只是一串串的代码而已；一串串的代码，细分来看，也只是一个一个的字母而已！也许，我做不到一晚上完成大神一小时随便敲打的项目，但为这一目标，每天添砖加瓦，我想我应该是可以完成的！