VUE2.X過濾器的使用方法有幾種，今天講一種，以cnode社區API為示例，轉換tab類型為中文漢字。
首先我們在assets文件夾中新建個js的文件夾，并新建common.js,然后將過濾器寫在這個文件中。當然你也可以寫在單個組件中，這個等下后面說。

/*** 將tab類型轉換成漢字* @param {String} tab 待轉換前的tab值* @return {String}  轉換后的tab中文*/export function change (tab) { switch (tab) {  case 'share':   return '分享'  case 'ask':   return '問答'  case 'job':   return '招牌'  case 'good':   return '精華' }}

上面是common.js文件中過濾器。文件如下：

下面在vue文件中引入并使用過濾器：

上面的filters很重要，如果沒有，過濾器將無法使用。

最后就是在div中的使用了。非常簡單。如下：

上面的change就是過濾器。item.tab將tab的值傳給change過濾器自動轉換。你可以在common.js中寫更多的過濾器或其他方法。使用方法都是一樣的。

你也可以直接將過濾器寫在vue文件中。就寫在filters里面：

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。