Sales force LightningはJavaScriptを使用します.
1573 ワード
Sales force LightningはJavaScriptを使用します.
前言
これは事件を発生させるところです.これまでは、JavaScriptメソッドは、入力、データ、イベント、状態変更などをどのように処理するかを定義し、コンポーネントを正常に動作させています.電光WebコンポーネントはよくあるJavaScript ECMAScript 8の方法と文法を使用します.
詳細はこちらのLightning Web Components開発者マニュアルをご覧ください.参考(HTMLテンプレートコマンド、デコラレータなどを含みます.)
コンキアン
Lightning WebコンポーネントのJavaScriptファイルは少なくとも以下のコードを含んでいなければなりません.ここでMyComponentはコンポーネントクラスに割り当てられた名前です.
LWCモジュール
Lightning Webコンポーネントモデルは、モジュール(ECMAScript 6に内蔵モジュールが導入されている)を使用して、コア機能をバンドル化し、コンポーネントファイル中のJavaScriptをアクセスできるようにする.Lightning Webコンポーネントのコアモジュールは
import文を使用してモジュールを導入し、モジュールが使用するモジュールの機能を指定します.
我々の例では、import文は、JavaScriptがLightningElementを使用し、 最後にもっと参考にしてください.素晴らしいブログはここをご覧ください. ブロガーが好きな子は注目して、いいね、更新し続けてください.
前言
これは事件を発生させるところです.これまでは、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
追跡は装飾である.次のセクションでは、装飾器を深く研究します.