过滤器

字母操作:capitalize(首字母大写)、uppercase(所有字母大写)、lowercase(小写)

{{ 'ddfe'  |  capitalize }}   //Ddfe


json过滤器:类似调用 JSON.stringify()

{{didiFamily | json 4}} 
  //以4个空格的缩进打印一个对象, 如果不输入4,默认为2


数组过滤器: limitBy/filterBy/orderBy

 //只显示前10个元素, 第二个参数不写默认0

 

 //显示第5到15个元素

 //如果第一个参数是字符串,返回包含该字符串的元素组成的数组, 只显示包含hello字符串的元素

 //如果item是一个对象,过滤器将递归在它所有属性中搜索。过滤器只在用户对象的name属性(多个属性空格隔开)中搜索ddfe    ddfe也可以是动态绑定

 //1为默认值,升序排列  <0为降序, 按照键先后顺序


currency过滤器

将数字值转换为货币形式输出。 第一个参数为货币符号,默认为$,第二个参数为小数位,默认2位

Vue.filter('reverse', function(value) ){ return value.split('').reverse().join('')}  //自定义过滤器,注册一个名为reverse的过滤器,作用是讲字符串反转输出. 第二个参数为具体的过滤器函数,过滤器函数以值为参数,返回转换后的值

你可能感兴趣的:(过滤器)