js定义全局变量 vue页面_vue定义全局变量，以及方法的调用

记录一下自己忘记的东西，省的下回到处找。

在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()；

变量的话同理哟！

下班下班～～