当前位置:首页 > Web开发 > 正文

方便以后使用配置全局自定义js 首先在src下的assets目录下创建js文件夹

2024-03-31 Web开发

标签:

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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/29986.html