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

推薦する

W3C チュートリアル (6): W3C CSS アクティビティ

スタイル シートは、ドキュメントの表示方法、発音方法、または入力方法を記述します。スタイル シートは...

MySQL における USING と HAVING の使用法の簡単な分析

この記事では、例を使用して MySQL での USING と HAVING の使用方法を説明します。...

CSS3 で QR コードスキャン効果を実装する例

オンラインプレビューhttps://jsrun.pro/AafKp/まず効果を見てみましょう:最初の...

VMware vCenter 6.7 のインストール プロセス (グラフィック チュートリアル)

背景当初は VMware の公式 Web サイトから 6.7 Vcenter をダウンロードしたかっ...

シンプルなタブバー切り替えケースを実現するJavaScript

この記事では、タブバーの切り替え効果を簡単に実現するためのJavaScriptの具体的なコードを参考...

RHEL8 で静的 IP アドレスを設定するさまざまな方法の簡単な分析

Linux サーバーで作業している場合、ネットワーク カード/イーサネット カードに静的 IP アド...

MySQL で SQL 文の実行時間を表示する方法

目次1. 初期SQLの準備2.MysqlはSQL文の実行時間をチェックします3. さまざまなクエリの...

Vue パッケージアップロードサーバー更新 404 問題に対する 2 つの解決策

1: nginxサーバーソリューション、.conf構成ファイルを変更する解決策は2つある1: 位置 ...

CSS を使用して 3 列のアダプティブ レイアウト (両側は固定幅、中央はアダプティブ) を実現します。

いわゆる 3 列適応レイアウトとは、両側の幅が固定され、中央のブロックの幅が適応されることを意味しま...

React 入門レベルの詳細なメモ

目次1. Reactの基本的な理解1. はじめに2. Reactの特徴3. Reactが効率的な理由...

メタビューポートはiPhoneでウェブページをフルスクリーン表示コントロールします

困り果てて、ふと、私がよく行くSinaのタッチスクリーン版はどうやって作られているのだろう?と考えま...

VUE 入門 イベント処理の学習

目次1. 関数バインディング2. パラメータと$eventを使用する3. 1つのイベントに複数の関数...

CSS の inline-block の最小幅値の詳細な説明

序文最近、私は夜に時間を取って「CSS World」という本を読んでいます。この本は非常に興味深く、...

Dockerを使用してプライベートGitLabを構築する2つの方法

最初の方法: docker インストール1. オープンソース版のイメージを取得する2. 対応するデー...