在vue-cli项目中定义全局 filter、method 方法

1、创建 filters.js（methods.js） 文件：

2、filters.js（methos.js） 中定义全局过滤方法：

 

export default {
　　/** 时间戳转换 */
　　showTime (time) {
　　　　let date = null
　　　　if ((time + '').length === 10) {
　　　　　　date = new Date(time * 1000)
　　　　} else {
　　　　　　date = new Date(time)
　　　　}
　　　　const Y = date.getFullYear()
　　　　const M = date.getMonth() + 1
　　　　const D = date.getDate()
　　　　const H = date.getHours()
　　　　const MM = date.getMinutes()
　　　　const S = date.getSeconds()
　　　　return `${Y}-${(M > 9 ? M : ('0' + M))}-${(D > 9 ? D : ('0' + D))} ${(H > 9 ? H : ('0' + H))}:${(MM > 9 ? MM : ('0' + MM))}:${(S > 9 ? S : ('0' + S))}`
},
　　/** 根据身份证号获取出生日期 */
　　getBirthday (idCard) {
　　　　let birthday = ''
　　　　if (idCard) {
　　　　　　if (idCard.length === 15) {
　　　　　　　　birthday = `19${idCard.substr(6, 6)}`
　　　　} else if (idCard.length === 18) {
　　　　　　birthday = idCard.substr(6, 8)
　　　　}

　　　　birthday = birthday.replace(/(.{4})(.{2})/, '$1-$2-')
　　　　}
　　　　return birthday
　　}
}

3、main.js入口文件引用

import filters from './filters'
import filters from './methods'
 Object.keys(filters).forEach(k => {
　　Vue.filter(k, filters[k])
})
　 Object.keys(methods).forEach(k => {
　　 Vue.prototype[k] = methods[k]
  })

4、组建中使用

<template>
　　// 过滤
    <div>{{ 1454664434 | showTime }}</div>
</template>

5、显示