Vue全局过滤器

全局时间的过滤器

 // 第一个过滤器
        // 将时间戳转为年月日
        Vue.filter('dateformat',function(val){
            //需要过滤的日期
            const date = new Date(val);
  // js中单独调用new Date();  显示这种格式  Mar 31 10:10:43 UTC+0800 2012

但是用new Date() 参与计算会自动转换为从1970.1.1开始的毫秒数
            const year = date.getFullYear();
            // 实际月份加1
            const month = date.getMonth()+1;
            const day = date.getDate();
            const h = date.getHours();
            const m = date.getMinutes();
            const s = date.getSeconds();
            // 返回年月日 时分秒
            return `${year}-${month}-${day}  ${h}:${m}:${s}`

        })
        // 第二个过滤器
        Vue.filter('str',function(val) {
            console.log(val);
            return '今天是' + val;
        })

        //使用过滤器
         <div id="app">
      <!-- 过滤器(管道函数) 一般可被用于一些常见的文本格式化 -->
      日期是: {{timer | dateformat }}
      <hr />
      日期是: {{timer | dateformat | str }}
     </div>
     //需要过滤的日期
       data: {
          timer: 1599268097326,
         // 获取当前时间戳方法1.new Date().getTime() 2.(new Date()).valueOf();3.推荐 +new Date()
        },