Vueでの監視方法
知らせ 名前: 監視する属性に同じ名前を付ける必要があります。 1. 機能Vueインスタンス内のデータの変更を監視し、いつでも状態の変更を変更するために使用されます。 2. トリガー条件監視するプロパティが変更されると、対応する監視メソッドが自動的に呼び出されます。 3. 使用シナリオ非同期処理や比較的コストのかかる操作に使用される 4. 例時計:{ 名前(新しい値、古い値){ // 計算プロパティは 2 つのパラメータを受け入れることができます。最初のパラメータは新しいプロパティ値、2 番目のパラメータは古いプロパティ値です // this.age // console.log('name プロパティが変更されました') console.log(新しい値、古い値) } 5. オブジェクトを監視する場合<スクリプト> エクスポートデフォルト{ データ() { 戻る { オブジェクト: { 名前:「張三」 年齢: 20, 子供たち: [ { 名前:「李思」 年齢: 27 }, { 名前: 「王武」、 年齢: 23 } ] } }; }, 時計: オブジェクト: { ハンドラ: function(newVal, oldVal) { console.log("新しい値:", 新しい値); console.log("古い値:", 古い値); }, 深い:本当、 即時: 真 }, "obj.name": 関数(newVal, oldVal) { console.log("newVal obj.name:", newVal); console.log("oldVal obj.name:", oldVal); } }, }; </スクリプト>
即時属性: ブール値
ディープ リスニングをオンにします。つまり、すべての属性にリスナーが追加され、そのうちの 1 つが変更されるとハンドラー関数が実行されます。 Vue の監視方法の具体的な事例については、これで記事は終了です。Vue の監視方法のより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: CentOS7 64 ビットでの MySQL 5.7 のインストールと設定のチュートリアル
>>: CentOS 6 は Docker を使用して Redis マスター スレーブ データベース操作例を展開します
この記事では、Element-uiを使用してvue.jsでナビゲーションメニューを実装するための具体...
注: この表はW3Schoolチュートリアルから引用したものです疑似要素の分類と機能: 入力選択スタ...
序文:グループ化関数はグループ内の最初のデータを取得しますが、各グループ内の最新のデータを取得する必...
序文MySQL の権限を簡単に理解すると、MySQL では自分の能力の範囲内で操作が許可され、その限...
Linux と Unix はマルチユーザー オペレーティング システムであるため、ファイルの権限と所...
3つのパラダイム1NF: フィールドは分離不可能です。 2NF: 主キーがあり、非主キー フィールド...
MySQL 8.0.12のダウンロードとインストールのチュートリアルは参考までに、具体的な内容は次の...
シェルスクリプトはアクセス制御を設定し、複数回のログイン失敗後にIPをブロックしてSSHのブルートフ...
ウェブページでEnterキーを押すと、フォームは自動的に送信され、他のページに移動します。クエリフォ...
1. dfコマンドを使用してディスク全体の使用量を表示します。 df コマンドは、ハードディスクのマ...
時間フィールドは、データベースの使用時によく使用されます。よく使われるのは作成時間と更新時間です。し...
独自のデモを作成するときに、display:flex を使用して垂直方向の中央揃えを実現したいと思い...
ブラウザ モジュールの主な機能は、http リクエスト ヘッダーの「User-Agent」の値とブラ...
HTMLコード:コードをコピーコードは次のとおりです。 <td align="cen...
CentOS の紹介CentOS は、Red Hat Linux が提供する無料で利用できるソースコ...