vue定义全局变量,以及方法的调用

2020-09-24  本文已影响0人  love_peaches

记录一下自己忘记的东西,省的下回到处找。
在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();

变量的话同理哟!
下班下班~~

上一篇 下一篇

猜你喜欢

热点阅读