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オンラインDDLの使用に関する詳細な説明

目次文章LOCKパラメータアルゴリズムパラメータCOPY TABLE プロセスIN-PLACEプロセ...

Trash-Cli: Linux のコマンドラインごみ箱ツール

ゴミ箱は Linux ユーザー、Windows ユーザー、Mac ユーザーにとって非常に一般的なので...

CSS3 で King of Glory マッチング人員読み込みページを実装する方法

King of Glory をプレイしたことがある人なら、このページの効果をよくご存知でしょう。なぜ...

JavaScript による Web ページ カルーセルの超詳細な実装

目次HTML ページの作成js部分の機能を実装する1. 左ボタンと右ボタン2. 小さな円を動的に生成...

MySQL 8.0 オンライン DDL クイック列追加の概要

目次問題の説明MySQLオンラインDDLで列を追加する従来の方法01 コピー方法02 インプレースメ...

Eclipse/Tomcat でホットデプロイメントとホットスタートを実装する方法

1. ホット デプロイメント: コンテナの実行中にプロジェクト全体を再デプロイすることを意味します。...

Docker で MySQL を起動したときに SQL 文を自動的に実行する方法

Docker で MySQL コンテナを作成する場合、コンテナの起動後にデータベースとテーブルが自動...

MySQL で浮動小数点データを文字データに変換するときに起こりうる問題の詳細な説明

序文この記事は主に、MySQL で浮動小数点型を文字型に変換するときに発生する問題を紹介します。これ...

純粋な CSS を使用してドロップダウン メニューを作成するサンプル コード

導入:最近の面接の質問を見ると、ドロップダウン メニューを実装するために CSS を使用することが多...

フレームセットの共通プロパティ(フレームとウィンドウの分割)

フレームとは、Web ページ画面を複数のフレームに分割したもの(複数の Web ページという形で表示...

Node.js は、異なるリクエストパスに応じて異なるデータを返します。

目次1. 異なるリクエストパスに応じて異なるデータを返す方法を学びます。 2. 送信データ: データ...

React Hooksの詳細な説明

目次フックとは何ですか?クラスコンポーネント機能コンポーネントフックが作られた理由要約するフックとは...

JS でオブジェクトを作成する 4 つの方法

目次1. リテラル値でオブジェクトを作成する2. 新しいキャラクターを使ってオブジェクトを作成する3...

ドッカー専用倉庫港湾建設プロセス

1. 準備1.1 港ダウンロードハーバーダウンロードアドレス:リンクリンクの説明を追加し、必要なバー...

Linux カーネル デバイス ドライバー仮想ファイル システムに関する注意事項

/******************** * 仮想ファイルシステム VFS **********...