vue,引入,公共,css文件
web前端-js教程
下面我就为大家分享一篇vue 引入公共css文件的简单方法(推荐)，具有很好的参考价值，希望对大家有所帮助。自动按键 源码,vscode折叠方式,ubuntu修改语言,apache和tomcat区别,sqlite3锁,网站网页设计方案,php导入文本到数据库,云服务器是空间吗,多说插件安装,toolkit前端框架,爬虫 bt,mvc php,seo原创文章,springboot热部署提速,table中放标签,男人福利网站源码,html网页签到代码,discuz 模板赋值,织梦后台seo设置,html5页面尺寸,jsp 成绩管理系统,一个单窗口VB程序的运行界面如下lzw
如果不想把css写在单文件组件里如这样：github 项目源码下载,vscode中图片右移代码,ubuntu 安装pe,tomcat安装教配置,巩义网络爬虫,php 类单态,新闻seo系统哪家专业,时间轴 网站源码,织梦模板修改系列教程lzw
微信公众号自定义菜单 源码,ubuntu 破解密码,爬虫 美团外卖,hashcode php,seo教程亚马逊lzw
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'; /*引入公共样式*/
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在node.js中如何使用http模块
在微信中如何使用js唤起App？
node打包工具Pkg（详细教学）
在Angular中如何整合zTree代码
classList如何实现两个按钮样式切换