vue 自定义过滤器

vue允许自定义过滤器，被用作一些常见文本的格式化。由“管道符”指示，格式如下：

<!-- 在两个大括号中 -->

{{message | capitalize}}

 

<!-- 在 v-bind指令中 -->

<div v-bind:id="rawId | formatId"></div>

实例如下：

<div id="app">
{{ time | formatTime}}
</div>

<script>
new Vue({
el: "#app",
data: {
time: '12345643'
},
filters: {
//对时间戳进行格式化
formatTime: function(value){
var unixTimestamp = new Date( value*1000 );
var D = new Date(unixTimestamp);
var H = D.getHours()>9 ? D.getHours() : "0"+D.getHours(),
M = D.getMinutes()>9 ? D.getMinutes() : "0"+D.getMinutes();
return H + ":" + M
}
}
})
</script>