vue2.0 解决抽取公用js的问题
作者:晓果博客 时间:2024-05-28 15:59:28
首先创建公用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");
运行结果:
来源:https://blog.csdn.net/huangxiaoguo1/article/details/80198537
标签:vue,2.0,抽取,公用js
0
投稿
猜你喜欢
python 查找字符串是否存在实例详解
2023-09-22 21:31:17
ASP存储过程开发应用详解第1/2页
2011-04-07 11:16:00
ROS1 rosbag的详细使用并且使用python合并bag包的方法
2021-04-30 11:43:54
python opencv 图像拼接的实现方法
2021-06-21 19:11:51
.NET中IoC框架Autofac用法讲解
2024-06-05 09:26:21
navicat 8 for mysql建库的方法
2024-01-26 04:07:53
Python错误+异常+模块总结
2023-07-26 03:18:19
CentOS 6、7下mysql 5.7 详细安装教程
2024-01-24 18:00:47
Python中的通函数numpy.ufunc详解
2023-09-03 22:52:08
Python可视化tkinter详解
2022-12-31 06:09:19
Python中使用haystack实现django全文检索搜索引擎功能
2023-06-30 07:21:03
设计师如何更有效拿到结果?
2008-09-22 20:30:00
在SQL Server中实现最短路径搜索的解决方法
2024-01-24 13:47:10
Python中的取模运算方法
2023-11-10 04:39:56
手把手教你python实现SVM算法
2022-04-22 09:29:06
javascript阻止事件冒泡和浏览器的默认行为
2007-12-28 13:13:00
Golang 利用反射对结构体优雅排序的操作方法
2024-05-10 13:56:42
sql注入与转义的php函数代码
2023-07-16 11:20:15
Python基于pygame实现的font游戏字体(附源码)
2021-04-16 05:06:17
python中数组和矩阵乘法及使用总结(推荐)
2021-11-30 04:29:31