Vue 自定义过滤器

自定义过滤器

Vue.filter(“过滤器名称”,function(value){

})

过滤器用法
{{msg | filter}}

Vue.filter("filter1",function (value) {
        return value.charAt(0).toUpperCase()+value.slice(1);
    })
    new Vue({
        el:"#app",
        data:{
            msg:"hello"
        }
    });

<div id = "app">
	{{msg | filter1}}
</div>

自定义局部过滤器

new Vue({
	el:"#app",
	data:{
		msg:"hello"
	}
	filters:{
		filter1:function(value){
			return value.chatAt(0).toUpperCase + value.slice(1);
		}
	}
})

带参数过滤器

Vue.filter("filter1",function(value,format){
	
});