记录一下自己忘记的东西,省的下回到处找。
在vue项目中经常会用全局的变量,或者定义全局的方法
首先新建一个utils.js的文件,里面放上你需要的全局方法以及变量呀
举个例子
/**
* 时间戳
* @param {*} timestamp 时间戳
*/
const timestampToTime = (timestamp) => {
let date = new Date(timestamp) //时间戳为10位需*1000,时间戳为13位的话不需乘1000
let Y = date.getFullYear() + '-'
let M =
(date.getMonth() + 1 < 10 ?
'0' + (date.getMonth() + 1) :
date.getMonth() + 1) + '-'
let D =
(date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
let h =
(date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
let m =
(date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) +
':'
let s =
date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
return Y + M + D + h + m + s
};
//记得暴露方法哟!
export {
timestampToTime,
}
完事之后呢?
在main.js里面申明一下哈
import timestampToTimeTo from "@/utils/util.js";
Vue.prototype.getTimes = timestampToTime;
这样你就可以全局使用啦!再需要的地方你就写
this.time = this.getTimes.timestampToTime();
变量的话同理哟!
下班下班~~
网友评论