Vue中过滤器的使用
下面是一个日期格式的过滤器用moment.js来做的一个日期过滤器：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<p>
<!--过滤器的使用-->
{{ date | dateFormat('YYYY-MM-DD HH:mm:ss') }}<br>
{{ date }}<br>
{{ date | dateFormat('YYYY-MM-DD ') }}<br>
{{ date | dateFormat('YYYY年MM月DD日 HH:mm:ss') }}<br>
</p>
</div>
<script src="vue.js"></script>
<script src="moment.js"></script>
<script>
//全局过滤器
Vue.filter("dateFormat", function(value,format) {{
return moment(value).format( format || "YYYY-MM-DD HH:mm:ss");
}})
var vm=new Vue({
el:'#app',
data:{
message:'Hello Vue.js!',
date:new Date()
}
})
</script>
</body>
</html>
