全局配置css和js

配置全局css

全局配置css和js

global.css

html, body {
    margin: 0;
}

a {
    color: black;
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

main.js

配置全局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

全局配置css和js

 settings.js

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

main.js

配置自定义js设置文件

import settings from ‘@/assets/js/settings.js‘
Vue.prototype.$settings = settings;
// 在任何一个组件中的逻辑,可以通过 this.$settings访问settings.js文件的{}数据

相关推荐