1、在入口js文件main.js中引入，一些公共的样式文件，可以在这里引入。

  1. import Vue from 'vue'
  2. import App from './App' // 引入App这个组件
  3. import router from './router' /* 引入路由配置 */
  4. import axios from 'axios'
  5. import '../static/css/global.css' /*引入公共样式*/

2、在index.html中引入

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>stop</title>
  6.     <link rel="stylesheet" href="./static/css/global.css"> /*引入公共样式*/
  8.   </head>
  9.   <body>
  10.     <div id="app"></div>
  11.     <!-- built files will be auto injected -->
  12.   </body>
  13. </html>

3、在app.vue中引入，但是这样引入有一个问题，就是在index.html的HEADH上会多出一个空的<style></style>

  1. <template>
  2.   <div id="app">
  3.     <router-view/>
  4.   </div>
  5. </template>
  7. <script>
  8. export default {
  9.   name: 'app'
  10. }
  11. </script>
  13. <style>
  14.   @import './../static/css/global.css'; /*引入公共样式*/
  15. </style>