Vueのメソッドとプロパティの詳細な説明

Vueのメソッドとプロパティの詳細な説明

Vueのメソッドとプロパティ

1. 方法

使用法 1

メソッド: {
メソッド名: function(){},
}

使用法2

メソッド: {
メソッド名(){}
}

知らせ

{ {}}write() を呼び出す

{ {aa()}}

イベントトリガー

@click=aa" には () を付けても付けなくてもかまいません。パラメータを渡す必要がある場合は () を追加します。
特別なパラメータ$eventを渡すとイベントオブジェクトを取得できます

2. 計算プロパティ

計算プロパティとは何ですか?

計算された

計算プロパティの特性

  1. 計算プロパティにはキャッシュがある
  2. 計算されたプロパティは、依存関係に基づいてキャッシュされます。
  3. 計算プロパティは、依存関係が変更された場合にのみ再評価されます。
  4. 計算されたプロパティが依存するプロパティが変更されると、再計算されます。

計算プロパティのメソッド

セット(だ)
得る()

 	計算:{
                 // 計算プロパティ// 計算プロパティはキャッシュされます// () を記述せずに {{}} を直接呼び出します
                 // 計算された属性が依存する属性が変更されると、一度再計算されます bb(){
                    this.arr.filter(a=>a.indexOf(this.search) > -1) を返します
                 },
                 cc:{
                     //計算プロパティが呼び出されると、getメソッドが自動的にトリガーされ、計算プロパティが変更されると、setメソッドが自動的にトリガーされます set(a){
                        console.log('設定しました'+"受信したコンテンツ"+a+"受信したコンテンツ")
                     },
                     得る(){
                        console.log('私は取得しました')
                        this.arr.filter(a=>a.indexOf(this.search) > -1) を返します

                     }
                 }
            },

Vue のメソッドとプロパティのケースに関するこの記事はこれで終わりです。Vue のメソッドとプロパティの詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Vue.js の計算プロパティ、監視プロパティ、ライフサイクルの詳細な説明
  • Vue の計算プロパティとリスナーの使用の概要
  • Vue の計算プロパティとリスニングプロパティ
  • Vueの計算プロパティの詳細な説明
  • Vue 計算プロパティのコード例
  • Vue 計算属性 + Vue でのクラスとスタイルのバインディング (推奨)
  • Vue 学習ノート: 計算プロパティとリスナーの使用
  • Vue の計算プロパティが配列内の変更を監視できない問題の解決方法

<<:  CentOS 6 は Docker を使用して Redis マスター スレーブ データベース操作例を展開します

>>:  SQL でテーブルにフィールドとコメントを追加する方法

推薦する

CSS を使用して正方形の div を実装する 2 つの方法

目標: 辺の長さが等しい正方形を作成する方法 1: 単位 vw を使用する (ps これが最も簡単な...

MySQL における varchar 型と char 型の違い

目次前述のVARCHAR型VARCHAR適用可能な状況CHAR型テストVARCHAR(5)とVARC...

Web面接でよくある質問:リフローとリペイントの原理と違い

目次ブラウザのレンダリングメカニズムリフローと再塗装リフロー逆流を引き起こす行為:再描画再描画を引き...

Windows Server 2016 に Oracle をインストールする方法

1. Oracle をインストールします。インターネット上には Oracle のインストール手順が多...

MySQL マスタースレーブ同期、トランザクションロールバックの実装原理

ビンログBinLog は、データベース テーブル構造の変更 (テーブルの作成、変更など) とテーブル...

CentOS で MySQL 5.1 を 5.5.36 にアップグレードする

CentOS 6.4 環境で MySQL 5.1 を 5.5.36 にアップグレードする手順を記録し...

userdel コマンドを使用して Linux ユーザーを削除する方法の詳細なチュートリアル

セルデルとは何かuserdel は、ユーザーを削除するための低レベルのツールです。 Debian で...

Zookeeper&Kafka クラスターを構築するための Docker の実装

最近Kafka勉強しています。クラスタの状態をテストする準備をしていたときに、仮想マシンを 3 つ開...

CSS スタイルが機能しない (史上最も完全な解決策の概要)

ページを作成するときに、記述した CSS スタイルが有効にならないことがあります。この現象にはさまざ...

ウェブページでmp3またはフラッシュプレーヤーコードを再生する

コードをコピーコードは次のとおりです。 <オブジェクト id="player1&qu...

実行中の Docker コンテナにボリュームを動的に追加する方法

以前、Docker コンテナの起動後にボリュームをマウントできるかどうか尋ねられたことがあります。m...

入力ボックスのコンテンツプロンプトと非表示機能を実装する JavaScript

入力ボックスが小さい場合、内容を入力した後に、入力内容が拡大されたプロンプト ボックスを表示したいこ...

新しく作成された MySQL ユーザーの % には localhost が含まれていますか?

通常の説明%はどのクライアントでも接続できることを意味しますlocalhostはローカルコンピュータ...

nginx.conf ファイルの構文強調表示とフォーマット設定には nginx.vim ツールを使用します。

私はtengineを使用しています。インストールディレクトリは/usr/local/tengineで...

MySQL ジョイントインデックス(複合インデックス)の実装

共同インデックスこの記事におけるジョイントインデックスの定義は次のとおりです (MySQL): AL...