结合管道符 | {{messageOne | capitalize}} capitalize 首字母大写 {{messageOne | uppercase}} uppercase 大写字母 {{messageTwo | currency '¥' 0}} currency 货币联合符 后面的0 是说小数点后面显示几个0 写3就跟着三个0 {{messageThree}} {{messageThree | pluralize "one" "two" "three" "four"}} pluralize 返回数组中结构的一部分 构造器根据数字来寻值 下表是从1开始 <input v-model="messageFour" debounce="1000" /> debounce 之前是管道符 现在vue2.0作为一盒属性来使用,作用是可以防止反复的刷新 现在是一秒同步一次(延迟数据双向绑定),默认是200毫秒 filter自定义过滤器 Vue.filter('my-f',{ read:function(value){ return "¥"+value }, write:function(value){ return parseInt(value) } }); <li v-for="intem of intems |filterBy xianshi | limitBy 10 "message" "tmp" ">{{intem.message}}</li> tmp 是方便查找的标签更大化 你比如你输入作者他写的书很多,就可以通过这样找他的书 <li v-for="intem of intems|orderBy 'message' -1"> {{intem.message}} </li> orderBy "字面量" 排序 <li v-for="intem of intems | limitBy 10 3">{{intem.message}}</li> limitBy管道符 后面跟着的数就是显示的个数 第二个数字是从这个数字开始往下显示第一个数字的个数