Vue.js は、イベント修飾子 (.once や .prevent など)、キーボード修飾子 (.enter や .space など)、フォーム修飾子 (. Lazy および .trim)、および .sync や .model などのその他の修飾子。これらの修飾子により、ディレクティブのカスタマイズが簡素化され、Vue.js アプリケーションの機能が強化されます。
Vue で一般的に使用される修飾子
Vue.js は、命令の動作を変更したり、追加の機能を提供したりするための修飾子を提供します。一般的な修飾子は次のとおりです。
イベント修飾子
-
.once: 1 回だけトリガーされる
-
.stop : イベントの伝播を防止します
-
.prevent: デフォルトの動作を防止します
-
.passive: デフォルトの動作を防止しませんが、イベントをトリガーすることができます リスナー
-
.capture: キャプチャフェーズ中にトリガーされます
キーボード修飾子
- ##.enter : Enter
key
- .tab: Tab
key
- .delete : 削除
キー
- .esc : エスケープ
キー
- .space : スペース
キー
フォーム修飾子
- .lazy: フォーカスが失われた場合のみ更新モデル
- .number: 入力を数値に変換します
- .trim: 入力内の空白文字をトリミングします
その他の修飾子
- #.self: 現在の要素にのみ適用されます
- .sync: コンポーネント内の双方向バインディング データ間のモデルとモデル
- .bind: 式を要素の属性にバインドします。
- .model: は入力要素です。双方向バインディング
- .cloak: Vue インスタンスが初期化されるまで要素を非表示にします
これらの修飾子を使用すると、 Vue.js アプリケーションの機能。
以上がvue で一般的に使用される修飾子は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。