700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue学习记录(三):vue项目引入公共css文件的几种方法

vue学习记录(三):vue项目引入公共css文件的几种方法

时间:2019-04-19 21:19:34

相关推荐

vue学习记录(三):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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。