Sales force LightningはJavaScriptを使用します.

1573 ワード

Sales force LightningはJavaScriptを使用します.
前言
これは事件を発生させるところです.これまでは、JavaScriptメソッドは、入力、データ、イベント、状態変更などをどのように処理するかを定義し、コンポーネントを正常に動作させています.電光WebコンポーネントはよくあるJavaScript ECMAScript 8の方法と文法を使用します.
詳細はこちらのLightning Web Components開発者マニュアルをご覧ください.参考(HTMLテンプレートコマンド、デコラレータなどを含みます.)
コンキアン
Lightning WebコンポーネントのJavaScriptファイルは少なくとも以下のコードを含んでいなければなりません.ここでMyComponentはコンポーネントクラスに割り当てられた名前です.
import { LightningElement } from 'lwc';
export default class MyComponent extends LightningElement {
}
export文は、拡張LightningElementクラスのクラスを定義します.最適な方法は、クラスの名前は通常JavaScriptクラスのファイル名と一致しますが、これは必要ではありません.
LWCモジュール
Lightning Webコンポーネントモデルは、モジュール(ECMAScript 6に内蔵モジュールが導入されている)を使用して、コア機能をバンドル化し、コンポーネントファイル中のJavaScriptをアクセスできるようにする.Lightning Webコンポーネントのコアモジュールはwである.
import文を使用してモジュールを導入し、モジュールが使用するモジュールの機能を指定します.
我々の例では、import文は、JavaScriptがLightningElementを使用し、wモジュールから追跡することを示している.
// import module elements
import { LightningElement, track } from 'lwc';
// declare class to expose the component
export default class App extends LightningElement {

// add decorator   
    @track 
    ready = false;

// use lifecycle hook
    connectedCallback() {
        setTimeout(() => {
            this.ready = true;
        }, 3000);
    }
}
この二つの導入の機能は大きな違いがあります.
  • LightningElement電光元素は、Lightning Webコンポーネントのベースクラスである.
  • track追跡は装飾である.次のセクションでは、装飾器を深く研究します.
  • 最後に
  • もっと参考にしてください.素晴らしいブログはここをご覧ください.
  • ブロガーが好きな子は注目して、いいね、更新し続けてください.