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 マスター スレーブ データベース操作例を展開します
1. システム環境yum updateアップグレード後のシステムバージョンは[root@yl-web...
この記事では、タイムライン効果を実現するためのvue+swiperの具体的なコードを参考までに共有し...
mptemp は安全な方法で一時ファイルまたはディレクトリを作成します。このコマンドの適用範囲: R...
目次1. 機能説明2. 親コンポーネント3. サブコンポーネント NextTick.vue 4なぜ未...
YSlow は、Yahoo USA が開発したページ スコアリング プラグインです。非常に優れていま...
1. 概要MySQL データベースの日常的な操作とメンテナンスにおいて、ユーザーが誤ってデータを削...
プロジェクトの作業を開始するときは、ワイヤーフレームを使用してアイデアをスケッチすることが重要です。...
JS を使用してオブジェクト指向メソッドを実装し、JD.com の 5 つ星レビュー効果を実現します...
私は長い間この問題に悩まされていましたが、検索してみたところ、実際にこの問題を解決した人がいることが...
nginx リバース プロキシを設定する場合、location と proxy_pass のスラッシ...
SVN サービスのバックアップ手順1. ソースサーバーとターゲットサーバーを準備するソースサーバー:...
目次同一起源ポリシーAjax リクエストの制限: Ajaxは自身のサーバーにのみリクエストを送信でき...
目次MVCCとはMySQL ロックとトランザクション分離レベルMySQL 元に戻すログMVCCの実装...
1. nginx-1.8.1.tar.gzを解凍する2. fastdfs-nginx-module-...
問題記録今日はプログレスバーに似た小さなコンポーネントを完成させるつもりでした。プロトタイプは次のよ...