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

推薦する

Dockerfile を使用して SpringBoot プロジェクトをデプロイする方法

1. SpringBoootプロジェクトを作成し、jarパッケージにパッケージ化する2. Linux...

TypeScript の Enum が問題となる理由

目次どうしたの?いつ使うか列挙の数を制御するビット値コントロールインデックス非数値列挙結論はType...

単一マシン上での Tomcat の複数インスタンスの実装

1. はじめにまず、1 台のマシンで複数のインスタンスを使用する理由という質問に答える必要があります...

Linux のよく使うコマンドの使い方を詳しく解説(第 2 回)———— テキストエディタのコマンド vi/vim

vi/vim の紹介どちらもマルチモード エディターです。違いは、vim が vi のアップグレー...

MySQLはカスタム関数を使用して親IDまたは子IDを再帰的に照会します

背景: MySQL では、レベルに制限がある場合、たとえば、ツリーの最大深度を事前に決定できる場合、...

JDBC を使用して Mysql データベースに接続する際に発生する可能性のある問題の概要

まず、いくつかの概念を明確にします。 JDBC: Javaデータベース接続、Oricalによって規定...

JavaScript offsetParent のケーススタディ

1. offsetParentの定義: offsetParentは子要素に最も近い位置に配置された親...

ラムダ式の原則と例

ラムダ式ラムダ式 (クロージャとも呼ばれる) は、Java 8 のリリースを推進した最も重要な新機能...

MySQL Group by最適化の詳細な説明

目次標準的な実行プロセス最適化並べ替えを削除並べ替え成し遂げる要約する標準の Group by ステ...

Webフォーム作成スキル

実際、上記の 3 つの表はいずれも 3 行 3 列です。区切り線を非表示にするコツはルールにあります...

Git サーバーを使用してデバッグ ブランチを表示し、修正する方法を 1 日 1 分で学習します。

デバッグブランチプロジェクトの通常の開発中に、以前にリリースされたバージョンにバグがある場合がありま...

Google 翻訳ツール: 多言語ウェブサイトを素早く実装

Google Chinaは、ウェブサイトやブログを素早く簡単に多言語化できる翻訳ツールをリリースした...

Vue3デスクトップアプリケーションの構築方法

この記事では、Vite を使用して Vue 3 デスクトップ プロジェクトを開発する方法について説明...

MySQL 外部キー制約 (FOREIGN KEY) ケースの説明

MySQL 外部キー制約 (FOREIGN KEY) はテーブルの特別なフィールドであり、主キー制約...

JS を使用した簡単な雪効果の例の詳細な説明

目次序文主な実装コードHTMLコードJSコード序文南の友達の多くは、雪をほとんど見たことがない、ある...