在Vuejs中定义全局函数

转载来源

在Vuejs中定义全局函数_第1张图片

 

 实际操作:

1、main.js的同级新建一个js文件:publicFun.js。放在同级是为了方便引用。

在Vuejs中定义全局函数_第2张图片

2、publicFun.js   封装函数。

exports.install = function(Vue,options){
    Vue.prototype.getNowDayStr = function(){//获取当前日期字符串
        var dd=new Date();
        dd.setDate(dd.getDate());
        var y=dd.getFullYear();
        var m=(dd.getMonth()+1)<10?"0"+(dd.getMonth()+1):(dd.getMonth()+1);
        var d=dd.getDate()<10?"0"+dd.getDate():dd.getDate();
        return y+"-"+m+"-"+d;
    }
}

3、在main.js里全局引用publicFun.js。

//引入公共方法js文件
import publicFun from './publicFun'
//调用公共方法js文件
Vue.use(publicFun);

4、在任意一个vue文件里就可以调用该函数了。

this.getNowDayStr();

 

你可能感兴趣的:(Vue.js)