Vue导入非模块化js_Vue导入js扩展
前言
有时候，我们需要对js的原生对象进行扩展，达到全局使用更方便的效果。而这种扩展往往并非vue模块化的js格式。下面讲解vue项目中如何导入非模块化js
扩展js
/****
* 扩展日期格式化
* 使用参考：
* var time1 = new Date().Format("yyyy-MM-dd");
* var time2 = new Date().Format("yyyy-MM-dd hh:mm:ss");
* @param fmt
* @returns {*}
* @constructor
*/
Date.prototype.Format = function (fmt) {
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
导入方一（推荐）
在main.js文件中导入
import "@/utils/expandJs"导入方式二
在public的index.html中导入。
在public目录下创建一个js目录并将扩展js放在里面，然后index.html通过<script>标签引入
index.html引入参考
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= webpackConfig.name %></title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<script type="text/javascript" src="<%= BASE_URL %>js/extends.js"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=3f5dc6c9fe58fdeef1729a040f5da333"></script>
</body>
</html>
https://www.leftso.com/article/916.html
相关文章
前言有时候，我们需要对js的原生对象进行扩展，达到全局使用更方便的效果
在初始化的Vue项目中，我们最先接触到的就是main.js，App.vue，index.html这三个文件，从下面创建的一个空白项目中可以看到：关于三个文件的说明如下：index.html---主页
js 生成二维码引入qrcode.js该框架基于HTML5原生编写，兼容性较好。支持H5 vue uniapp 微信小程序等。基本使用参考<div id="qrcode">l;<...
主流模块规范目前主流模块规范有：规范名称运行环境实现加载方式AMD(异步模块定义)客户端require.js异步CMD(通用模块定义)客户端sea.js异步Co
前言在其他编程语言中，我们可以通过划分模块，来组织庞大复杂的项目，而JS一开始并没有模块的概念，因为一开始JS的脚本就很简单。后来随着JS的发展，前端要开发的项
JavaScript/JS数组清空，删除数组内所有数据。Array=[]与Array.length=0的区别
简单使用创建一个js文件。//Say 模块export function Say(words){ alert(words);}H5调用模块<!DOCTYPE h
javascript（js）onclick 传递多个字符变量参数<a title="点击下载附件" onclick="downloadFile(\''+row.url+'\',\''+ro...
现有js数组数据如下：let dataArray=[{id:1,name:'张三'},{id:2,name:'李四'}];根据id获取js数组的对象let findId=1;
let findO...