字母操作:capitalize(首字母大写)、uppercase(所有字母大写)、lowercase(小写)
{{ 'ddfe' | capitalize }} //Ddfe
json过滤器:类似调用 JSON.stringify()
<pre>{{didiFamily | json 4}} </pre> //以4个空格的缩进打印一个对象, 如果不输入4,默认为2
数组过滤器: limitBy/filterBy/orderBy
<div v-for="item in items | limitBy 10"></div> //只显示前10个元素, 第二个参数不写默认0
<div v-for="item in items | limitBy 10"></div> //显示第5到15个元素
<div v-for="item in items | filterBy 'hello'"> //如果第一个参数是字符串,返回包含该字符串的元素组成的数组, 只显示包含hello字符串的元素
<div v-for="item in items | filterBy 'ddfe' in 'name' "> //如果item是一个对象,过滤器将递归在它所有属性中搜索。过滤器只在用户对象的name属性(多个属性空格隔开)中搜索ddfe ddfe也可以是动态绑定
<div v-for="item in items | orderBy 'ddfe' 'name' 1"> //1为默认值,升序排列 <0为降序, 按照键先后顺序currency过滤器
将数字值转换为货币形式输出。 第一个参数为货币符号,默认为$,第二个参数为小数位,默认2位
Vue.filter('reverse', function(value) ){ return value.split('').reverse().join('')} //自定义过滤器,注册一个名为reverse的过滤器,作用是讲字符串反转输出. 第二个参数为具体的过滤器函数,过滤器函数以值为参数,返回转换后的值