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文件里就可以使用了

沒有用過濾器

 

 

 

使用過濾器之后頁面顯示