vue 过滤器

过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。

过滤器的使用：

1、定义全局过滤器

在main.js中配置全局过滤器：
  import moment from 'moment'
  Vue.filter('dateFormat',function(value){
    return moment(value).fromat('YYYY-MM-DD HH:mm:ss')
  })

<template>
  <!-- 过滤器 -->
  <!-- 步骤：
  安装：npm install moment --save
在main.js中配置全局过滤器：
  import moment from 'moment'
  Vue.filter('dateFormat',function(value){
    return moment(value).fromat('YYYY-MM-DD HH:mm:ss')
  })
  使用：{{date | dateFormat}}-->
  <div>
    <p>{{date}}</p>
    <p>完整版:{{date | dateFormat}}</p>
    <p>年月日：{{date | dateFormat('YYYY-MM-DD')}}</p>
    <P>时分秒：{{ date | dateFormat('HH:mm:ss')}}</P>
  </div>
</template>
<script>
export default {
  data() {
    return {
      date: new Date()
    };
  }
};
</script>
<style lang="less" scoped>
</style>

2、定义局部过滤器

filters: {

    multiple: function(value1, value2, value3) {

      return value1 * value2 * value3;

    }

  }