5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Salesforce LWCの3つ デコレータの①

Last updated at Posted at 2019-06-08

引用 https://base.terrasky.co.jp/articles/zpT4b
Salesforce特有のデコレータは3つデコレータはJavaScriptの標準機能です。デコレータをご存じない方のためにお伝えすると、Javaでいうアノテーションと同じようなもので、メソッドなどに機能(たとえばログ出力など)を追加する際に使います。LWCではSalesforce特有のデコレータが3つ(@api@track@wire)用意されています。それぞれの役割が直感的にわかるようにしたのが下の図です。

image.png
           Salesforce特有のデコレータ早わかり図
@track
画面とJavaScriptを連携するためのデコレータです。画面での変更、たとえば入力に対して反応させたい場合に使用します。Apexでいうprivateメソッドのように自コンポーネント内でのみ使用することができます。

@api
@trackとほぼ同じです。JavaScriptで定義したメソッドを他のコンポーネントでも参照したい場合に使用します。@trackと併用することはできません。

@wire
JavaScriptの変数とApexのメソッドを紐づけたいときに使用します。

5
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?