批評Filters(フィルタ)でデータを加工[グローバルフィルタ][Vue.js]2019年5月14日JavaScriptFilters(フィルタ)を利用すると、データの加工をおこない表示させることができます。数字のカンマ区切りや、テキストデータに対して利用されます。小文字で入力した英語を、大文字に変換するフィルタです。value.toUpperCase()}}});</script></body></html>filtersオプションにおいて、uppercaseという適当に付けた名前のプロパティ(いわゆるフィルタ名)を用意し、大文字に変換するための関数を記述しています。}}のように記述します。フィルタは連続して設定することができます。下記では、更に文字列を反転するフィルタを設定しています。value.split("").reverse().join("");}}});</script></body></html>グローバルフィルタ上述したコードは、ローカルフィルタであり特定のコンポーネント内でしか利用できませんが、グローバルフィルタとして登録すると、すべてのコンポーネント内にて利用できるようになります。よって作成したプロジェクトにグローバルフィルタを設定した例です。ついては下記ページをご参照下さい。小文字で入力した英語を大文字に変換するフィルタを、グローバルフィルタとして登録しています。