Vue 區域使用filter過濾器

Vue中過濾器(filter)的功能高度提取,便於使用，前端小伙伴們使用的頻率很高.但大多數都是在模板 區域來使用。

• 如果要在腳本區域, 也就是來使用已經定義好過濾器功能，該如何去做呢？
• 難道需要在utils/下寫一個filter.js的文件來同步過濾器的功能嗎？這樣的話重復代碼有點多啊。
• 以下就是如何在區域使用過濾器的腳本。
• 此處省略去定義filter和在main.js中的引用

  // 在 methods , 生命周期函數中 mounted / created 中使用

  // filterName: 過濾器名稱 params: 待處理的參數

  this.$root.$options.filters.filterName(params)

  // demo: 返回不帶秒的日期格式

  let temp = this.$root.$options.filters.dateSimple('2019-03-20 23:12:12')

  // temp: 2019-03-20 23:12

當然為了使用方便也可以先提取filters,然后再使用具體的filter

let filters = this.$root.$options.filters
let temp = filters.dateSimple(params)