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 マスター スレーブ データベース操作例を展開します
背景すべての業務を Docker の運用管理に移行してから、一連の落とし穴に遭遇しましたが、今回は ...
最近、複数のdivにあるテーブルのTDを同じ幅に調整しても、揃えることができず、幅にパターンがないこ...
次のような製品部品表があります。一部 部品ID 部品タイプ 製品ID ---------------...
パート 1 HTML <html> -- 開始タグ<ヘッド>ウェブページ上の...
目次1. インデックス署名とは何ですか? 2. インデックス署名構文3. インデックス署名に関する注...
目次ライフサイクルを理解する理由ライフサイクルとはライフサイクルフック関数作成され、マウントされたフ...
まず第一に、私はウェブデザイナーです。具体的には、私は XHTML フロントエンド デザイナーです。...
目次1. axioの基本的な使い方2. クロスドメインの問題を解決するには? 3. パッケージ4. ...
1. データベースの文字セットを確認するデータベースの文字セットは、Linux で設定された環境変数...
結果: 実装コード: html <div class="buttons"&...
序文常にエラーが発生するため、MySQL データベースに接続するプロセスを記録します。接続プロセス1...
MySQL の行から列への操作いわゆる行から列への操作は、テーブルの行情報を列情報に変換することです...
シナリオ:一般的に使用される親コンポーネントと子コンポーネント間の相互作用方法は次のとおりです。親コ...
JavascriptとDOMの関係は非常に曖昧で、CSSやHTMLのフロントエンド技術層も理解してい...
body{font-size:12px; font-family:"宋体";}...