第⼗⼀篇：Vue全局配置⾃定义css与js 全局配置⾃定义css与js
配置全局css
⾸先在src下的assets⽬录下创建css⽂件夹，⽤于存放css全局⽂件
1、在创建好的css⽂件夹下创建global.css⽂件，内容如下：
html, body {
margin: 0;
}
a {
color: black;
text-decoration: none;
}
ul {
margin: 0;
padding: 0;
}
2、在全局⼊⼝⽂件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')  // 资源需要⽤变量保存,⽅便以后使⽤
配置全局⾃定义js
⾸先在src下的assets⽬录下创建js⽂件夹，⽤于存放js全局⽂件
1、在创建好的js⽂件夹下创建settings.js⽂件，内容如下：
export default {
base_url: '127.0.0.1:8000'
}
2、在全局⼊⼝⽂件main.js⽂件中配置⾃定义的js
// 2) 配置⾃定义js设置⽂件
import settings from '@/assets/js/settings.js'
Vue.prototype.$settings = settings;
css变量// 在任何⼀个组件中的逻辑，可以通过 this.$settings访问settings.js⽂件的{}数据

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。