vue 引入公共样式的方法
程序员文章站
2022-06-06 20:24:01
...
方式一:在main.js中引入
import Vue from 'vue'
import App from './App' // 引入App这个组件
import router from './router' /* 引入路由配置 */
import axios from 'axios'
import '../static/css/basic.css' /*引入公共样式*/
方式二:在index.html中引入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>stop</title>
<link rel="stylesheet" href="./static/css/basic.css"> /*引入公共样式*/
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
方式三在app.vue中引入
这样引入有一个问题,就是在index.html的HEADH上会多出一个空的
<style>
@import './../static/css/basic.css'; /*引入公共样式*/
</style>