vue引用css的方法_-网商在线建站公司

vue引用css的方法：1、在入口js文件main.js中使用import代码引入css文件；2、在index.html文件中使用link标签引入css；3，在app.vue中使用style标签引入css即可。

vue引用css的方法

具体操作步骤：

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

import Vue from 'vue'

import App from './App' // 引入App这个组件

import router from './router' /* 引入路由配置 */

import axios from 'axios'

import '../static/css/global.css' /*引入公共样式*/

2、在index.html中引入

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>stop</title>
    <link rel="stylesheet" href="./static/css/global.css"> /*引入公共样式*/
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

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

<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
export default {
  name: 'app'
}
</script>
<style>
  @import './../static/css/global.css'; /*引入公共样式*/
</style>

我们的服务

专业提供中小企业网站建设.公司网站建设.外贸网站建设.营销型网站建设，响应式网站建设，商城网站定制，手机网站，微信小程序定制.php应用开发服务，公司成立于2014年，8年专注网站建设，秉承“以客户为根本，以科技为核心，以市场为导向”的经营理念；服务电话13714666846(微信同号)

声明：本站所有作品（图文、音视频）均由用户自行上传分享，或互联网相关知识整合，仅供网友学习交流，若您的权利被侵害，请联系管理员删除。

本文链接：http://news.ew35.com/

vue引用css的方法

相关推荐