网友回复
过滤器主要是对数据进行过滤处理,对原始数据进行筛选后再进行展示。
主要用在两个地方: 双花括号插值{{ message | handleData }}
v-bind表达式<div v-bind:id="message | handleData"></div>
过滤器的格式
局部过滤器的默认格式为: filters: { handleData: function (value) { if(value>=60) return '及格' else return '不及格' }}
全局过滤器的默认格式为(在main.js添加,并不常用): Vue.filter('handleData', function(value) { if(value>=60) return '及格' else return '不及格' }) new Vue({ ...})
当全局过滤器与局部过滤器,会采用局部过滤器过滤器串联
{{ message | filterA | filterB }} 执行顺序为: 1.执行filterA过滤器,将表达式message的...点击查看剩余70%