vue2.0 解决抽取公用js的问题
更新时间：2020年07月31日 11:39:00 作者：晓果博客
这篇文章主要介绍了vue2.0 解决抽取公用js的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
首先创建公用js
在static中创建js—>utils.js
utils.js内容如下：
export default {
install(Vue, options) {
Vue.prototype.formatDuring = function (mss) {
var days = parseInt(mss / (1000 * 60 * 60 * 24));
var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
var seconds = (mss % (1000 * 60)) / 1000;
return days + " 天 " + hours + " 小时 " + minutes + " 分 " + Math.round(seconds) + " 秒 ";
}
}
}
在main.js中引入，以便全局使用
// 引入公用js import utils from '../static/js/utils.js' Vue.use(utils);
在需要的地方使用
endline = this.formatDuring(currentTime);
ok！
补充知识：VUE 创建共通js 以及引用该js的共通方法
一个方法被多个js函数多次调用，为了减少代码量以及方便后期维护，创建一个公用的js类。
commonUtil 共通类
// 共通类
let commonUtil = {
};
commonUtil.openLogin = function (terminal) {
console.log("i am is js mathod;" + terminal);
};
export default commonUtil;
其他js调用
首先引入该类
import commonUtil from "../../../src/utils/commonUtil";
其次调用共通类里面的openLogin方法
commonUtil.openLogin("Hello VUE");
运行结果：
以上这篇vue2.0 解决抽取公用js的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue+bpmn.js实现自定义流程图的完整代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借价值,需要的朋友参考下吧2024-03-03
动态组件是一种在Vue中根据条件或用户输入来动态渲染不同组件,本文主要介绍了vue3自定义动态不同UI组件筛选框案例,具有一定的参考价值,感兴趣的可以了解一下2025-04-04
actions用来处理mutations中的异步操作,触发mutations中的函数,下面这篇文章主要给大家介绍了关于vuex新手进阶篇之actions的使用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了vue中v-for数据状态值变了，但是视图没改变的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了vue + ele 实现下拉选择框和下拉多选选择框处理方案,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了Vue仿Bibibili首页,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
这篇文章主要介绍了Vue组件设计-滚动置顶设计案例,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
通过jsconfig.json文件定义一个JavaScript项目,目录中是否存在此类文件表示该目录是JavaScript项目的根目录,文件本身可以选择列出属于项目的文件,要从项目中排除的文件以及编译器选项,这篇文章主要介绍了vscode jsconfig.json 使用说明,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了Vue如何获取两个时间点之间的所有间隔时间，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
vue百度地图通过地址名称获取地址的经纬度gps问题(具体步骤)
在Vue项目中，可以通过使用百度地图JavaScript API来实现根据地址名称获取经纬度GPS的功能，本文分步骤给大家详细讲解vue百度地图获取经纬度的实例，感兴趣的朋友一起看看吧2023-05-05
最新评论