vue css文件全局配置 以及 js配置文件配置

					#css文件全局配置 以及 js配置文件配置
	**在main.js文件中进行添加**
	//1)配置全局css
// import '@/assets/css/global.css'
// import global_css from '@/assets/css/global.css' //资源需要变量保存,可以方便以后使用
require('@/assets/css/global.css');
// let global_css = require('@/assets/css/global.css')

//2)配置自定义js设置文件
这里注意,导入时用let会没有效果,let一般是设置局部的变量,全局访问不到
import settings  from '@/assets/js/settings.js';
Vue.prototype.$settings = settings;
// 在任何一个组件中的逻辑,可以通过this.$settings访问settings.js文件的{}数据

全局的css文件(用来消除默认的css样式)

html, body{
    margin: 0;

}
    a{
        color: black;
        text-decoration: none;
    }
    ul{
        margin: 0;
        padding: 0;
    }

效果展示:

未配置css样式时:

vue css文件全局配置 以及 js配置文件配置
配置css全局文件后:

vue css文件全局配置 以及 js配置文件配置

js配置文件设置

export default {
    base_url:'https://127.0.0.1:8000'
}


设置效果展示:
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=20200228121720840.png)
vue css文件全局配置 以及 js配置文件配置vue css文件全局配置 以及 js配置文件配置 godlovery 发布了1 篇原创文章 · 获赞 0 · 访问量 31 私信 关注
上一篇:Android设置字体样式


下一篇:Yii2在CentOS下的安装与使用