第十一篇:Vue全局配置自定义css与js
2021-09-09 20:12
标签:import pad ase css tps 定义 col 数据 efault 全局配置自定义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: 'https://127.0.0.1:8000' } 2、在全局入口文件main.js文件中配置自定义的js // 2) 配置自定义js设置文件 import settings from '@/assets/js/settings.js' Vue.prototype.$settings = settings; // 在任何一个组件中的逻辑,可以通过 this.$settings访问settings.js文件的{}数据第十一篇:Vue全局配置自定义css与js标签:import pad ase css tps 定义 col 数据 efault 原文地址:https://www.cnblogs.com/cnhyk/p/12324764.html
上一篇:系统小技巧:深入全面掌握.NET Framework
下一篇:python 使用xlrd读取excel报错,xlrd.biffh.XLRDError: Excel xlsx file; not supported
文章标题:第十一篇:Vue全局配置自定义css与js
文章链接:http://soscw.com/index.php/essay/107747.html