ベース
カスタムディレクティブと同様に、カスタムフィルターはグローバルメソッドVue.filter（）に登録できます。これは、フィルターIDとフィルター関数の2つのパラメーターを取得します。フィルター関数は値をパラメーターとして受け取り、変換された値を返します。
vue.filter（ 'Reverse'、function（value）{return value.split（ ''）。reverse（）。（ ''）}）））<！ - 'abc' => 'cba' - > <span v-text = "メッセージ|逆"> </span>
フィルター関数は、任意の数のパラメーターを受信できます。
vue.filter（ 'wrap'、function（value、begin、end）{return begin + value + end}）<！ - 'hello' => 'before hello after' - > <span v-text = "message | wrap 'before' '"> </span>
双方向フィルター
現在、ビューに表示する前に、モデルから値を変換するためにフィルターを使用しています。ただし、モデルに書き戻す前に、ビュー（<inupt>要素）から値を変換するフィルターを定義することもできます。
vue.filter（ 'currencydisplay'、{// model-> view> view // `<input>`要素read：function（val）{return '$' +val.tofixed（2）}、// view->モデル//データを書き込む前に値をフォーマットします。 ''）Isnan（number）？動的パラメーター
フィルターパラメーターが引用符に包まれていない場合、現在のVMスコープ内で動的に計算されます。また、これは常にそれを呼ぶVMを指します。例えば：
<入力v-model = "userInput"> <span> {{msg | concat userininput}} </span> vue.filter（ 'concat'、function（value、input）{// `input` ===` this.userinput` return値 +入力}）上記の例は比較的単純であり、式を使用して同じ結果を達成することもできますが、より複雑なロジックには複数のステートメントが必要であり、計算されたプロパティまたはカスタムフィルターに配置する必要があります。
組み込みフィルターフィルターbyおよびOrderbyフィルター/ソート着信アレイが属するVUEインスタンスの現在の状態に基づいています。
この記事は、「vue.jsフロントエンドコンポーネント学習チュートリアル」にまとめられており、誰もが学習して読むことを歓迎します。
Vue.jsコンポーネントのチュートリアルについては、特別なトピックVue.jsコンポーネント学習チュートリアルをクリックして学習してください。
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。