vue 的过滤器

标签：实现   自定义   数据   取数据   erb   data   bounce   end   对象   

1.0版本：

　　limitBy

　　filteBy

　　orderBy

　　lowerBy

　　upperBy

　　json

　　currency

　　capitalize

　　pluralize

　　debounce

2.0版本：

要自己实现过滤，{{msg | uppercase}}　　{{msg | limitTo(5) }}如下：

局部过滤：　　在vue对象里写属性：

“filter”:{//自定义过滤器

　　"uppercase"；function(data){　　//data为取到的msg数据

　　　　return  data.toUppercase();　　//转大写

　　}，

　　"limitTo":function(data,index){ 　　//截取数据

　　　　if(!data){

　　　　　　return;

　　　　}else{

　　　　　　return  data.slice(0,index);

　　　　}

　　}

}

全局过滤：

必须写在new vue({})前面

vue.filters()

vue.extend()

vue 的过滤器

标签：实现   自定义   数据   取数据   erb   data   bounce   end   对象   

原文地址：http://www.cnblogs.com/xzzzys/p/7760558.html