美文网首页
vue定义全局变量,以及方法的调用

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

作者: love_peaches | 来源:发表于2020-09-24 17:42 被阅读0次

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

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

相关文章

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

    记录一下自己忘记的东西,省的下回到处找。在vue项目中经常会用全局的变量,或者定义全局的方法首先新建一个utils...

  • 成员变量和局部变量

    成员变量(全局变量):在类中定义。 可以被本类方法调用也可被其他类方法调用。 局部变量:在方法、参数、语句中定义。...

  • JavaScript 函数

    函数函数定义与调用变量作用域全局变量方法高阶函数闭包箭头函数$generator$ 函数 函数定义与调用 定义函数...

  • 2017.11.15

    Vue.prototypevue——自定义全局方法,在组件里面使用 Vue.prototype 不是全局变量,而...

  • Vue 定义全局变量技巧

    简述: 本节主要记录一个 Vue 的全局变量定义方式,方法比较邪恶 定义声明 访问

  • 聊一聊Block(二)

    函数内定义的变量叫做局部变量,函数外部定义的变量叫做全局变量。 block封装了函数调用,以及函数调用环境的oc对...

  • # iOS录音

    导入AV框架 定义全局变量 懒加载 开始录音 结束录音 中断录音 其他方法 关于分贝 调用这个方法前,必须先调用-...

  • Vue和ios、android交互通信

    1)原生调用Vue方法 Vue代码 ios调用代码 android调用代码 2)Vue调用原生方法 vue调用代码...

  • new vue() 发生了什么

    在定义vue 方法之后,会调用一系列vue 方法的封装工作 执行new vue 后,会执行this._init 方...

  • block的几种定义的方式

    1、局部变量 2、全局变量 3、在方法中的参数 4、在方法中调用的时候 5、重定义

网友评论

      本文标题:vue定义全局变量,以及方法的调用

      本文链接:https://www.haomeiwen.com/subject/pektuktx.html