#### 1. 自定义私有过滤器 ``` /*将时间格式转换*/ filters: { datefmt: function(input, formatstring){ var year = input.getFullYear(); var month = input.getMonth() + 1; var day = input.getDate(); var hour = input.getHours(); /* 用toString().padStart()方法可以保持时间两位数 var hh = dt.getHours().toString().padStart(2, '0'); var mm = dt.getMinutes().toString().padStart(2, '0'); var ss = dt.getSeconds().toString().padStart(2, '0'); */ var minute = input.getMinutes(); var second = input.getSeconds(); var res1 = year + '-' + month + '-' + day; var res2 = year + '-' + month + '-' + day + ' ' + hour + '-' + minute + '-' + second; if(formatstring == "yyyy-mm-dd"){ return res1; }else{ return res2; } } } ``` #### 2. 自定义全局过滤器 ``` Vue.filter('datefmt', function(input){ var day = input.getDate(); var month = input.getMonth() + 1; var year = input.getFullYear(); var res = year + "-" + month + "-" + day; return res; }) ``` #### 3. 实例 ``` <div id="app"> <!-- 过滤差值表达式的内容，可以接受多个过滤器 --> <p>{{ msg | msgFormat}}</p> </div> <script> /* 定义一个Vue全局的过滤器，名字叫做 msgFormat */ /* 过滤器中进行一个回调函数，第一个参数永远是管道符前面传过来的值 */ Vue.filter('msgFormat', function(msg){ //字符串的 replace方法，第一个参数，除了可写一个字符串之外，还可以定义一个正则 return msg.replace(/徐/g, "陈"); }) var vm = new Vue({ el: '#app', data: { msg: "徐徐" } }) </script> ```