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