自定义过滤器/自定义指令/自定义键盘信息/解除事件绑定

1.0版 vue过滤器

https://www.cnblogs.com/crazycode2/p/6736189.html

capitalize 首字母大写
uppercase 全部大写
lowercase 全部小写
currency 输出金钱以及小数点
pluralize 输出复数的形式
debounce 延期执行函数
limitBy 在 v-for 中使用，限制数量
filterBy 在 v-for 中使用，选择数据
orderBy 在 v-for 中使用，排序

2.0版本后，1.0过滤器都废弃，都需自定义

自定义过滤器

	<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>{{msg|toDo("12","5")}}{{msg|toDoa|toDob}}全局过滤器：Vue.filter('capitalize',function (val){let firstcap=val.slice(0,1).toUpperCase();let lastcap=val.slice(1);return firstcap+lastcap;})本地过滤器：  filters:{capitalize(val){//局部过滤器let firstcap=val.slice(0,1).toUpperCase();let lastcap=val.slice(1);return firstcap+lastcap;}}<div id="app">{{msg | capitalize('aaa','123')}}{{msg | capitalize}}</div><div id="app2">{{msg | capitalize}}</div><script>
//			2.0全局过滤器---->可以作用在任何vue实例上Vue.filter('capitalize',function (val,str="",num=""){let firstcap=val.slice(0,1).toUpperCase();let lastcap=val.slice(1);return firstcap+lastcap+str+num;})var vm=new Vue({el:"#app",data:{msg:"apple"},methods:{}
//				,
//				filters:{//局部过滤器--->只能作用在自己的vue实例上
//					capitalize(val,str="",num=""){
//						 let firstcap=val.slice(0,1).toUpperCase();
//		                 let lastcap=val.slice(1);
//		     
//		                 return firstcap+lastcap+str+num;
//					}
//				}})var vm2=new Vue({el:"#app2",data:{msg:"orange"},methods:{}})</script>

注意：过滤器不能用于v-model 等