8.Vue关于filters的理解与简单使用

在项目中突然发现了Vue的 filters，官方称为vue的过滤器。此外关于过滤器filters，1.0版本更新为2.0版本后有了变动，原来1.0版本的许多内置过滤器已不能使用，2.0版本一般用于页面的{{ }}中引用，其结构为

<div>{{ companyName | Name }}</div> 

在{{ }}中前面的关键字为在 data 中绑定的数据中的其中一个关键字值，中间使用 “|”管道符隔开，后面是针对前面关键字携带的参数，过滤器接收的第一个参数是companyName（前面自定义的），然后才依次传值（即从第二个开始）

     data: {
            data: [{
                companyName: '浙江杭州阿里巴巴',
                id: '3'
            }, {
                companyName: '深圳腾讯有限公司',
                id: '2'
            }, {
                companyName: '中国石油集团',
                id: '1'
            }]
        },
        filters: {
            Name: function (value) {
               return companyName.substr(0, 4);     //编写事件要求,可以设置对companyName的一些限制，这里是截取前四个字
            }
        }

 只是简单的理解，若有错误还望谅解指正！