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

2022-12-23,,,,

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

vue项目引入自定义.css的样式文件的相关教程结束。

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

下载本文的Word格式文档,以方便收藏与打印。