<! DOCTYPE HTML > < HTML lang="en"> <head> <meta charset="UTF-8"> <title> Custom filter </title> <script SRC = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js" > < / script > < script > / custom global filter * * * * / Vue.filter('addZero',function(data){ console.log(data); return data<10? '0'+data:data; }) window.onload=function(){ let vm=new Vue({ el:'#app', data:{ currentTime:Date.now() }, // Local filters:{number (data,n) => {return data.tofixed (n); }, dateformat(data){ var d = new Date(data); return d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate()+' '+d.getHours()+':'+d.getMinutes()+':'+d.getSeconds(); }}}); } < / script > < / head > < body > < div id = "app" > < h3 > {{3 | addZero}} < / h3 > < h3 > {{12.345678 | number (2)}} < / h3 > < h3 > {{currentTime | dateformat}}</h3> </div> </body> </html>Copy the code