moment.js官网点击这里
vue项目中安装:npm i -S moment,注意是-S ,打包输出依赖的库;
1:在vue项目里建一个公用的utility.js供所有单页组件全局使用, 其内容为:
var moment = require('moment');
function momentFormat(fmt){
if (fmt === undefined) fmt = "YYYY-MM-DD HH:mm:ss";
return moment().format(fmt);
}
export default {
momentFormat,
};
可以增加其他公用方法;
2: 在main.js中给Vue类添加原型对象:Vue.prototype.$utility=utility;
import Vue from 'vue'
import App from './App'
import utility from './assest/js/utility';
Vue.prototype.$utility=utility;
// Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
render: h=>h(App),
})
3:使用工具类的方法:
<script>
// import '../assest/style/top-header.styl';
export default {
data: function(){
return {
timeShowText: this.$utility.momentFormat(),
}
},
mounted:function() {
window.setInterval(()=>{
this.timeShowText=this.$utility.momentFormat();
},1000);
},
}
</script>