过滤器filters

1.全局过滤

<script><p>{{x|add(y,z)}}</p></script>

Vue.filter('dataFilters', function (num1, num2, num3) {

return num1 + num2 + num3

})

2.局部过滤

<script> <P> {{dataFilter|teacherOrManagerFilter}} </P></script>

先定义filters过滤器，然后定义过滤器名称，dataFilters(传参，第一个按什么类型查找，第二个f)

filters: {

dataFilter(type, dataOptions) {

const obj = dataOptions.find((obj) => obj.type === type);

return obj ? obj.name : null;

},

teacherOrManagerFilter(_id, options) {

const obj = options.find((obj) => obj._id === _id);

return obj ? obj.name : null;

},

},