1.在src 資料夾下 新建資料夾 filters （和pages,components同層級）

2.在filters 資料夾下 新建 index.js和 demo.js (demo可自定義名稱,真實專案應該是 dateformat)

3.在deteformat.js裡面 建立自己的自定義的時間戳處理方法

/**
 * Created by Xu Ning on -2021/06/23.
 */
// 介面返回 20210623  且是字串  處理成 YYYY年MM月DD日
import moment from 'moment'
export default function (dataStr, pattern = '
 
YYYY年MM月DD日', defaultVal = '-') {
  // 不管是字串還是數字 都變成字串處理
  let tmp = dataStr + '' // 時間戳轉為字串
  if (tmp) {
    return moment(tmp).format(pattern)
  }
  return defaultVal
}
//設定初始值 和預設處理格式 還有預設返回值-

4.在index.js裡 匯入vue 併到全域性Js裡引用改index.js 即可

import dataformat from './dateformat'
import dataformat1 from './dateformat1
 
'
import Vue from 'vue'

Vue.filter('dateformat', dataformat)
Vue.filter('dateformat1', dataformat1)

5.在全域性入口引入 對應src下面的 filters根資料夾下的index.js

此處省略

6.vue資料夾下如何使用demo

<div class="news-brif" @click="bugLastestInfo">以上資訊為截至{{lastBuyedDate|dateformat1}}的{{lastBuyedYear}}財年資訊，目前有截至{{lastedInfoDate|dateformat1}}的{{lastedInfoYear}}財年資訊，<strong>點選購買</strong>。</div>