Vue2报错 [Vue warn]: Failed to resolve filter解决方案

  [Vue warn]: Failed to resolve filter

报错代码片段

const app = new Vue({
  el:'#app',
 
  data:{
    books:[{
      id:1,
      name:'<算法导论>',
      date:'2006-9',
      price:85.00,
      count:1
    },
   {
      id:2,
      name:'<UNIX编程艺术>',
      date:'2006-9',
      price:56.00,
      count:1
    },
   {
      id:3,
      name:'<编程珠玑>',
      date:'2006-9',
      price:78.00,
      count:1
    },
   {
      id:4,
      name:'<代码大全>',
      date:'2006-9',
      price:33.00,
      count:1
    },
  ],
  methods:{

  },
  computed:{

  },
   filters:{
    showPrice(price){
      return "￥" + price.toFixed(2)
    }
  },
  }
})

解决方法：

把filters放在data前面即可

const app = new Vue({
  el:'#app',
  filters:{
    showPrice(price){
      return "￥" + price.toFixed(2)
    }
  },
  data:{
    books:[{
      id:1,
      name:'<算法导论>',
      date:'2006-9',
      price:85.00,
      count:1
    },
   {
      id:2,
      name:'<UNIX编程艺术>',
      date:'2006-9',
      price:56.00,
      count:1
    },
   {
      id:3,
      name:'<编程珠玑>',
      date:'2006-9',
      price:78.00,
      count:1
    },
   {
      id:4,
      name:'<代码大全>',
      date:'2006-9',
      price:33.00,
      count:1
    },
  ],
  methods:{

  },
  computed:{

  },
 
  }
})

！！！跟data没有关系，是我把filters写在了data 的里面，只要写在外面就不会报错