Vue的filter與method

有時候，我們會想在Vue中的filter通過this去訪問這個Vue例項上的屬性或者方法，但是這樣是做不到的，因為此時這個this指的全域性物件window。
但是反過來，我們可以在methods去訪問到過濾器的方法。由於過濾器分為全域性的過濾器和區域性的過濾器，所以分為倆種情況。

1. 全域性過濾器
   比如我申明瞭如下一個過濾器

Vue.filter('filterStatus', function(status) {
    var store = {
        '-1': { label: '待發布'},
        '0': { label: '已釋出'},
        '1': { label: '已暫停'},
        '2': { label: '已關閉'}
    };
    return store[status].label;
});
 

在例項化Vue之前，我定義了一個全域性的過濾器，現在我想要methods裡面去訪問他，可以這麼做

Vue.filter('filterStatus')('-1')

使用Vue.filter(‘filterStatus’)可以獲取這個方法，後面括號裡的其實就是傳遞引數了。

2. 區域性過濾器
   訪問區域性過濾器，可以在程式碼中這麼寫：

this.$options.filters[filterName](args)

由於在方法中，this是可以訪問到Vue這個例項的，所以可以在$option上拿到過濾器