フィルター

テキストをフォーマットする。methodと同じで再描画されるたびに実行される。

グローバル登録

<h2>{{ title | upperCase }}</h2>
 
Vue.filter("upperCase", function(value) {
    return value.toUpperCase();
})

ローカル登録

<h2>{{ title | upperCase | lowerCase }}</h2>　// 連結可能
 
// filtersで定義
export default {
    filters: {
        upperCase(value) {
            return value.toUpperCase();
        },
        lowerCase(value) {
            return value.toUpperCase();
        }
    }
}