1. はじめに
主な機能は次のとおりです。
2. 使用vue-property-decoratorは主に以下のデコレータを提供します
1. @コンポーネント
'vue-property-decorator' から {Component,Vue} をインポートします。 '@/components' から {componentA,componentB} をインポートします。 @成分({ コンポーネント:{ コンポーネントA、 コンポーネントB、 }, ディレクティブ: { 集中: // 挿入された命令の定義: function (el) { el.フォーカス() } } } }) デフォルトのクラスをエクスポートし、YourCompoent を Vue に拡張します{ } 2. 計算、データ、方法ここでは、コンポーネントの @成分 デフォルトのクラスHelloDecoratorをエクスポートし、Vueを拡張します。 count: number = 123 // クラス属性は前のデータと同等です add(): number { // クラスメソッドは前のメソッドと同じ this.count + 1 } // 計算属性を取得する get total(): number { this.count + 1 を返す } // 計算プロパティを設定する set total(param:number): void { this.count = パラメータ } } 3. @propsコンポーネントは属性のデコレータを受け取ります。これは次のように使用されます。 vue-property-decorator から {Component,Vue,Prop} をインポートします。 @成分 デフォルトのクラスをエクスポートし、YourComponent を Vue に拡張します { @Prop(文字列) propA: 文字列; @Prop([文字列,数値]) propB:文字列|数値; @Prop({ 型: 文字列、// 型: [文字列、数値] default: 'デフォルト値', // 通常は文字列または数値 // オブジェクトまたは配列の場合。デフォルト値はファクトリー関数から返されます // default: () => { // ['a','b'] を返す // } 必須: true、 バリデータ: (値) => { 戻る [ 「進行中」、 「落ち着いた」 ].indexOf(値) !== -1 } }) propC: 文字列; } 4. @ウォッチこれは実際には Vue のリスナーであり、次のようになります。 'vue-property-decorator' から { Vue, Component, Watch } をインポートします。 @成分 デフォルトのクラスをエクスポートし、YourComponent を Vue に拡張します { @Watch('子') onChildChanged(値: 文字列、古い値: 文字列) {} @Watch('person', { 即時: true, ディープ: true }) onPersonChanged1(val: Person、oldVal: Person) {} @Watch('人') onPersonChanged2(val: Person、oldVal: Person) {} } 5. @エミット
'vue-property-decorator' から {Vue, Component, Emit} をインポートします。 @成分({}) デフォルトのクラスをエクスポートし、Some extends Vue{ マウントされた(){ this.$on('emit-todo', 関数(n) { コンソール.log(n) }) this.emitTodo('world'); } @エミット() 出力Todo(n: 文字列){ コンソールにログ出力します。 } } 結論上記の 以下もご興味があるかもしれません:
|
>>: MySQL マスタースレーブレプリケーションの詳細な分析
目次序文プロトタイプチェーン継承コンストラクタの継承組み合わせ継承(プロトタイプチェーン継承とコンス...
最近のプロジェクトでは、ブレークポイントからビデオの再生を再開する機能を実装する必要がありました。こ...
この記事では、JavaScriptで全選択と全選択解除の操作を実装するための具体的なコードを参考まで...
目次1. コンセプト2. 環境の説明3. マスタースレーブホットスタンバイ実装1. コンセプト1. ...
目次1. 内閣府1. コンセプト2. MHAの構成3. MHAの特徴2. MySQL+MHAをビルド...
1. MySQLソフトウェアをインストールするMySQL 公式 Yum リポジトリ、MySQL バー...
インストールスクリプトUbuntu / CentOS Debian のインストールに問題があるようで...
この記事では、MySQL の自動作成時刻と変更時刻を設定する方法について説明します。ご参考までに、詳...
MySQLトリガーの簡単な例文法CREATE TRIGGER <トリガー名> -- トリ...
目次1. 問題2. 解決策オプション1:オプション2: 1. 問題この話は、エラーと脱落率を照会する...
Nginx (エンジン x) は、高性能な HTTP およびリバース プロキシ サーバーであり、IM...
1. ファイルを現在のディレクトリに解凍しますコマンド: tar -zxvf mysql....ta...
この記事では、MySQL の ROUND 関数を使用した丸め操作の落とし穴を例を使って説明します。ご...
クローラー対策ポリシー ファイルを追加しました: vim /usr/www/server/nginx...
HTMLタグのリストマークタイプ名前または意味効果述べるファイルのタグ付け<HTML> ...