vue过滤器使用

Question

如图，操作和官网一模一样，就是报错，爬坑无数心累

Answer 1

https://jsfiddle.net/rusa1Lrr/1/

文档： 主要 可以用在哪两个地方

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：

Answer 2

vue有这种写法吗？

给你一个官网上的思路，也是我自己用的思路。

原始数组在data中，在methods中增加一个过滤处理，然后循环的对象变成methods计算后的数组就好了

<li v-for="n in even(numbers)">{{ n }}</li>

data: {
  numbers: [ 1, 2, 3, 4, 5 ]
},
methods: {
  even: function (numbers) {
    return numbers.filter(function (number) {
      return number % 2 === 0
    })
  }
}

Answer 3

filters你写在哪一级了？
要跟 data, methods 同一级
{

data(){
},
methods: {},
filters: {}

}

Answer 4

文档原文

过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。