vue 通过moment.js日期格式化

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>