<div id="app">

　<p>{{data | formatStr('yyyy-MM-dd')}}</p></div>

//script

<script>
　　//自定義一個私有的過濾器(局部)

　　var vm = new Vue({

　　　　el:'app',

　　　　data:{

　　　　　　msg:''

　　　　}，
　　　　method:{},
　　　　filters:{//定義私有過濾器 過濾器有兩個條件 過濾器名稱和處理函數(shù)
　　　　　　formatStr:function(dataStr,pattern){
　　　　　　　　var date = new Date(dataStr)
　　　　　　　　var y = date.getFullYear()
　　　　　　　　// padStart()方法是ES6提供的填充字符串的方法，有兩個參數(shù) 第一個是 填充完后字符串的總長度，第二個參數(shù)是用什么來填充字符串
　　　　　　　　// 這里要做的是 月份 和 天數(shù) 如果是一位的話在前面補上0   比如：2019-02-04
　　　　　　　　var m = (date.getMonth()+1).toString().padStart(2,'0')
　　　　　　　　var d = (date.getDate()).toString().padStart(2,'0')
　　　　　　　　if(pattern.toLowerCase()==='yyyy-MM-dd'){
　　　　　　　　　　return `${y}-${m}-$ozvdkddzhkzd`
　　　　　　　　}else{
　　　　　　　　　　var hh = date.getHours()
　　　　　　　　　　var mm = date.getMinutes()
　　　　　　　　　　var ss = date.getSeconds()
　　　　　　　　　　return `${y}-${m}-$ozvdkddzhkzd ${hh}:${mm}:${ss}`
　　　　　　　　}
　　　　　　}
　　　　}

　　})

</script>