Vue中的过滤器（filter）

什么是过滤器？

      顾名思义，过滤器就是就对数据进行筛选、过滤、格式化，比如时间格式化、英文大小写转换、状态转换等等。它与methods、computed 或者 watch不同是，它不能改变原始值。

 

      过滤器分类：

             1、组件内过滤器 

                        组件内过滤器就是通过filters属性，该属性是一个对象，在该对象中可以定义多个过滤器。它的特点是只能作用于本组件内。

              2、全局过滤器

                         全局过滤器是通过在main.js文件创建一个 Vue.filter('过滤器的名称',该过滤器的具体实现函数) 。它的特点是作用于全部组件。

 

      注意事项：

              1、当全局过滤器和组件内过滤器重名的时候，那么最终将会以组件内过滤器为基准。

              2、当出现子父组件时，父组件和全局中分别定义了相同名称的过滤器，这是子组件引用过滤器时，将会使用全局的过滤器

   

 

怎么使用过滤器？

          1、组件内过滤器

<template>
    <div>
      <el-input placeholder="请输入时间戳"
                v-model="date"
                clearable></el-input>

      <div >