vue 自定义过滤器

数字小于10，在前面加0

<h3>{{9 | two}}</h3>
Vue.filter('two',function(e){
    return e<10?'0'+e:e
})

保留几位小数

<h3>{{3.1415926 | number(2)}}</h3>
Vue.filter('number',function(e,n){/* e=3.1415926；n是要保留的位数*/
    return e.toFixed(n)
})

日期格式化

<div class="container">
    <h3>{{time|date}}</h3>
</div>

Vue.filter('date',function(e){
    var date = new Date(e);
    return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+' '+date.getHours()+':'+date.getMinutes()+':'+date.getSeconds()
})
var vm = new Vue({
    el: ".container",
    data:{
        time:Date.now()
    },
    methods: {

    }
})