場景：在頁面顯示的內容，並非我們存入的欄位內容，需要進行規律的轉換。

filter 官方文件：https://cn.vuejs.org/v2/guide/filters.html

在element-ui元件中，使用表格中的欄位顯示對應內容，需要使用到的過濾器功能。

<el-table-column prop="dev_status" label="所屬端" width="180"> //如表格中需要用到所屬端的欄位，欄位在資料庫中儲存是1，2，代表andrid 和ios，在顯示中需要顯示能看的懂的內容。
    <template slot-scope="scope">  //需要使用template 來實現我要操作的內容   slot-scope 插槽  scope是我當前所選擇的物件，在寫過濾器時，方法中傳入的引數就是這裡傳到過去的
        <span>{{scope.row.dev_status | devType}}</span>   // 在vue使用過濾器的方式，是在需要使用的內容後，通過管道符號 ｜ 過濾器的名稱來實現的
    </template>
</el-table-column>

在export default 上面，建立個變數

const devices=[
  {type:1,name:"Android"},
  {type:2,name:"IOS"}
]

建立filter方法，需要在filters中寫方法，代表這是一個過濾器