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 でテーブルにフィールドとコメントを追加する方法

推薦する

MySQLデータの挿入、更新、削除の詳細

目次1. 挿入2. 更新3. 削除1. 挿入 顧客に挿入( 顧客.顧客住所、 顧客.cust_cit...

Vue は Tencent Map を統合して API を実装します (デモ付き)

目次執筆の背景プロジェクトの説明事前準備注記執筆の背景以前のプロジェクトではTencent Maps...

JavaScript の新しい要素トラバーサルプロパティを使用して子要素をトラバースする方法を学びます

目次1. ChildNodes属性のトラバーサル2. 要素シリーズ属性のトラバーサル以前は、chil...

Dreamweaver で Zen コーディングを使用する方法

前回の記事「Zen Coding: HTML/CSS コードを素早く記述する方法」を公開した後、一部...

docker windows10共有ディレクトリのマウント失敗の解決策

原因docker スクリプトを実行すると、コンテナを作成できないというエラーが発生します。以下のよう...

Vueはアンカー配置機能を実装します

この記事では、アンカー配置を実装するためのVueの具体的なコードを例として紹介します。具体的な内容は...

nginxとIISで使用できるSSL証明書を作成する

目次SSL証明書の作成1. 秘密鍵を生成する2. 証明書要求ファイルを生成する3. CRT証明書ファ...

純粋な CSS3 で水平無限スクロールを実装するためのサンプル コード

この記事の例はすべて小さなプログラムで書かれていますが、実装される機能には影響しません。 wxmlル...

Axiosは繰り返しのリクエストをキャンセル

目次序文1. リクエストをキャンセルする方法2. 重複リクエストの判定方法3. 繰り返しリクエストを...

Linux で PHP を 5.6 にアップグレードする実用的な方法

1: ターミナルに入ったらPHPのバージョンを確認する php -v出力は次のようになります。 PH...

CSSを使用して複数の画像を中央に水平に表示する方法

まず実装手順について説明します。最終結果 2. コードの実装HTML部分 <div class...

Node.js ファイルのコピー、フォルダの作成、その他の関連操作

NodeJS は次のファイルをコピーします:通常、小さなファイルのコピー操作では、ストリーム パイプ...

JavaScript で動的な QML オブジェクトを作成する方法

1. オブジェクトを動的に作成するJavaScript からオブジェクトを動的に作成する方法は 2 ...

MySQLサービスの自動停止の解決策

この記事では主に、MySQL サービスの自動停止の解決策を紹介し、参考と学習のために共有します。一緒...

mysql5.6.8 ソースコードのインストールプロセス

カーネル: [root@opop ~]# cat /etc/centos-release CentO...