src目录中新建filters文件夹,新建filters.js文件
将用的方法格式exports,抛出
![](https://i-blog.csdnimg.cn/blog_migrate/10e16eebc8b8f9ae887d597f7521e274.png)
//导出过滤器-日期的格式
exports.formatDate = (val) =>{
console.log(val);
let data = new Date(val);
let year = data.getFullYear();
let month = data.getMonth()+1;
if(month<10){
month = "0"+month
}else{
month = month
}
let day = data.getDate()
return year+'年'+month+"月"+day+"日";
}
在main.js中注册filter
![](https://i-blog.csdnimg.cn/blog_migrate/852569583a14aef81c93c9a71626c19e.png)
//main.js里注册filter
import filters from '@/filters/filters.js';
Object.keys(filters).forEach(k => Vue.filter(k, filters[k]));
在vue文件里就可以使用了
没有用过滤器
![](https://i-blog.csdnimg.cn/blog_migrate/a1b30d4ae0664d70ccbcc67fe01da5b3.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3e85adea16bd04ae740f3099e0463d8c.png)
使用过滤器之后页面显示
![](https://i-blog.csdnimg.cn/blog_migrate/6533b57ffdf5e7ecab2451883f873de6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/9278ea3dd389d3165378c9a2bb58a06a.png)