本文主要为大家分享一篇vue 引入公共css文件的简单方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧，希望能帮助到大家。
如果不想把css写在单文件组件里如这样：
export default { name: 'app'}#app{ text-align:center; color:#2c3e50; margin-top:60px;}
登录后复制
可以将css样式写在外部，再通过下面三种方法中的一种引入：
1、在入口js文件main.js中引入，一些公共的样式文件，可以在这里引入。
import Vue from 'vue'import App from './App' // 引入App这个组件import router from './router' /* 引入路由配置 */import axios from 'axios'import '@/assets/css/reset.css'/*引入公共样式*/
登录后复制
2、在index.html中引入
立即学习“前端免费学习笔记（深入）”；
y /*引入公共样式*/
登录后复制
3、在app.vue中引入，但是这样引入有一个问题，就是在index.html的HEADH上会多出一个空的
export default { name: 'app'} @import './assets/css/reset.css'; /*引入公共样式*/
登录后复制
相关推荐：
PHP实现保存网站用户密码到css文件分享
PHP实现保存网站用户密码到css文件分享
PHP实现保存网站用户密码到css文件分享
以上就是vue引入公共css文件的简单实现方法的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2789201.html
