Vue过滤器

1. Vue.filter()语法

      //定义过滤器：filter(函数名，函数)
      Vue.filter('dateFormat', function (value) {
         //最终显示的是函数的返回值
               return 2;
      })
   

2. 引入显示时间的库:moment.js

3. 使用过滤器+momentJS显示当前时间

      <div id="app">
           <!-- 对当前事件进行指定格式显示 -->
           <h2>显示格式化的日期变化</h2>
           <p>开始时间:{{startTime | dateFormat}}</p>
           <p>开始时间year:{{startTime | dateFormat('YYYY-MM-DD')}}</p>
           <p>开始时间2:{{startTime | dateFormat('HH:mm:ss')}}</p>
       </div>
       <script>
           Vue.config.devtools = true;
           //定义过滤器：dateFormat
           Vue.filter('dateFormat', function (value, FormatStr) {
               //最终显示的是函数的返回值
               return moment(value).format(FormatStr || ' YYYY-MM-DD HH:mm:ss');
           })
           var app = new Vue({
               el: "#app",
               data: {
                   startTime: Date.now()
               }
           })
       </script>