vue2.0的过滤器 Filters

过滤器的介绍

vue1.0有自己的内置过滤器，大家可以点开查看，不过vue2.0已经废弃掉了。现在的过滤器只能自己定义，自己定义的话有两种方式，全局过滤器和局部过滤器

全局过滤器

或者在创建 Vue 实例之前全局定义过滤器：

Vue.filter('capitalize', function (value) {
  if (!value) return ''
  value = value.toString()
  return value.charAt(0).toUpperCase() + value.slice(1)
})

new Vue({
  // ...
})

注意：过滤器定义必须始终位于Vue实例之上，否则你将会得到一个“Failed to resolve filter: toUSD”的错误信息。

定义的时候过滤器有一个唯一的ID和一个自定义的函数

本地过滤器

let app = new Vue({
　　el : 'body',
        data : {
              products : [
                    {name: 'microphone', price: 25, category: 'electronics'},
                    {name: 'laptop case', price: 15, category: 'accessories'},
                    {name: 'screen cleaner', price: 17, category: 'accessories&