私有過濾器
過濾器有兩個條件：【過濾器名稱和處理函數(shù)】
私有過濾器調(diào)用的時候，采用的是就近原則，如果私有過濾器和全局過濾器名稱一致了，這時候，優(yōu)先調(diào)用私有過濾器
<body>
<div id="app">
<p>{{msg | dateFormat('')}}</p>
</div>
<div id="app2">
<p>{{msg2 | dateFormat('')}}</p>
</div>
<script>
Vue.filter('dateFormat',function(datestr,pattern=''){
var date = new Date(datestr);
var y = date.getFullYear()
var m = date.getMonth()+1
var d = date.getDate()
if(pattern.tolowerCase==='yyyy-mm-dd'){
return `${y}-${m}-$u0z1t8os`
}else{
var hh = date.getHours()
var mm = date.getMinutes()
var ss = date.getSeconds()
return `${y}-${m}-$u0z1t8os ${hh}:${mm}:${ss}`
}
})
var vm = new Vue({
el:'#app',
data:{
msg:new Date()
}
})
var vm2 = new Vue({
el:'#app2',
data:{
msg2:new Date()
},
filters:{
dateFormat:function(datestr,pattern=''){
var date = new Date(datestr);
var y = date.getFullYear()
var m = date.getMonth()+1
var d = date.getDate()
if(pattern.tolowerCase==='yyyy-mm-dd'){
return `${y}-${m}-$u0z1t8os`
}else{
var hh = date.getHours()
var mm = date.getMinutes()
var ss = date.getSeconds()
return `${y}-${m}-$u0z1t8os ${hh}:${mm}:${ss} =======`
}
}
}
})
</script>
</body>
