vue filter公共提取组件

src目录中新建filters文件夹，新建filters.js文件

 

将用的方法格式exports，抛出

//导出过滤器-日期的格式

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

//main.js里注册filter

import filters from '@/filters/filters.js';

Object.keys(filters).forEach(k => Vue.filter(k, filters[k]));

 

在vue文件里就可以使用了

没有用过滤器

 

 

 

使用过滤器之后页面显示