vue项目引入自定义.css的样式文件

ES6的引入方式：

.vue文件中

css文件引入

<template></template>
<style scoped>

 @import "../assets/common/common.css";//自定义.css的样式路径

</style>

js文件的引入

在main.js中：
import API from './assets/api/api.config.js'
Vue.prototype.$API = API;

 

 

P.S.：传统上，引入css样式的三种方法：
1.使用link来调用外部的css文件

在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件

 

 

2.直接在标签使用style，如<div style=''>

 

3.使用style自带式，如vue项目中的每个XX.vue文件最后都有

<style></style>

 

https://blog.csdn.net/wojiaomaxiaoqi/article/details/78050501

http://www.divcss5.com/rumen/r56.shtml