vue.jsフィルターがネストされたメソッドでは不可能なことを達成できるかどうか疑問に思っています。vue.jsの初心者としては、実際の目的ではない余分な構文のようです。たとえば、このコードの代わりに、フィルターで定義された「capitalize」関数を使用します。
{{キー| 大文字にする}}
これを書いて、「capitalize」関数を「filters」ではなく「methods」セクションに移動します。
{{capitalize(key)}}
ネストされたメソッドが不十分なユースケースはありますか、それともフィルターは単なるシンタックスシュガーですか?(後者の場合、私の好みには甘くないですが、この質問が私のパレットの開発に役立つことを願っています。)
このコードは、https: //vuejs.org/v2/examples/grid-component.htmlのvue.jsリファレンスからのものです。
あなたが言ったように、フィルターはjavascript関数に他なりません。
したがって、それらは通常、内部の関数のように定義できmethods
ます。
filters
異なるロジックを別々の部分に分離し、フレームワークの完全な機能を活用するのが良いので、を使用することをお勧めします。
1つのユースケースは、複数のフィルター/操作を使用する必要がある場合、フィルターがchained
内部にあるため、それらが便利になることです。
filters: {
removespace: function(value) {
return value.replace(/\s/g, '')
},
lowercase: function(value) {
return value.toUpperCase()
},
}
<p>{{ message | lowercase | removespace }}</p>
またはbuilt in
フィルター(イベント)、
<input v-on="keyup:myFunction | key enter">
<!--myFunction will be called only when the enter key is pressed.-->
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加