VUE2.0全局方法注册

vue2.0全局方法注册

上一篇简单记录了时间格式方法，如果将其注册为全局方法，就可以在项目中随时调用。

1、新建common.js文件：
新建js文件，定义函数并将其暴露出来。

function formatDate(date, format) {
    let yFull = date.getFullYear();
    let y = date.getYear();
    let m = date.getMonth() + 1;
    let d = date.getDate();
    let time = '';
    if (format == 'YY/MM/DD') {
        time = y + '/' + m + '/' + d;
    } else if (format == 'YYYY/MM/DD') {
        time = yFull + '/' + m + '/' + d;
    } else if (format == 'YY-MM-DD') {
        time = y + '-' + m + '-' + d;
    } else if (format == 'YYYY-MM-DD') {
        time = yFull + '-' + m + '-' + d;
    } else {
        time = yFull + '-' + m + '-' + d;
    }
    return time
}

export default { formatDate }

2、在min.js文件中引入并挂载到prototype中：

import formatDate from './utils/common'

Vue.prototype.Common = formatDate;

3、在其他组件中调用：

this.Common.formatDate(new Date(), 'YYYY-MM-DD');

如果对你有帮助，记得点个赞噢（~ ~）