博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue导入外部js文件或css文件
阅读量:6916 次
发布时间:2019-06-27

本文共 853 字,大约阅读时间需要 2 分钟。

hot3.png

外部js文件导入及使用

1.先在某个目录创建js文件;如:src/service/appBase.js

2.定义公共的js函数如:

export const appBaseUrl = {	methods: {		getBaseUrl() {						return "http://ip:port/project";		}	}}export const getImgPath = {	methods: {		//传递过来的图片地址需要处理后才能正常使用		getImgPath(path) {			let suffix;			if (!path) {				return 'http://test.fe.ptdev.cn/elm/elmlogo.jpeg'			}			if (path.indexOf('jpeg') !== -1) {				suffix = '.jpeg'			} else {				suffix = '.png'			}			let url = '/' + path.substr(0, 1) + '/' + path.substr(1, 2) + '/' + path.substr(3) + suffix;			return 'https://fuss10.elemecdn.com' + url		},	}

3.导入js文件并使用

 

1.在项目某个目录下创建scss文件,如:src/style/common.scss

2.定义公共的样式内容;如:

//定位上下居中@mixin ct {  	position: absolute;	top: 50%;    transform: translateY(-50%);}//宽高@mixin wh($width, $height){	width: $width;	height: $height;}

3.导入及使用scss样式:

 

转载于:https://my.oschina.net/u/2251646/blog/1439200

你可能感兴趣的文章
Docker 快速学习
查看>>
http相关面试题汇总
查看>>
如何处理服务器SSL收到了一个弱临时Diffie-Hellman 密钥?
查看>>
ajax注册页面异步验证
查看>>
linux(VMware里)不重启添加新硬盘
查看>>
java之System类
查看>>
nginx 常用命令整理
查看>>
在路由器配置telnet
查看>>
tcp三次握手
查看>>
Tomcat基本结构和配置文件结构
查看>>
在腾讯云上把Laravel整合万向优图图片管理能力,打造高效图片处理服务
查看>>
爱创课堂每日一题八十一天-行内元素和块级元素的具体区别是什么?行内元素的pad...
查看>>
数据库(二)
查看>>
php抽奖概率算法
查看>>
20190202 week2
查看>>
漫谈Web缓存架构
查看>>
管理系统中的mysql基本应用
查看>>
高级持续威胁(APT)终结者-Log 360
查看>>
【初学小白】课程作业 11台路由器配置静态路由实现全网互通
查看>>
2019年初创软件开发公司如何快速盈利
查看>>