Salesforce Lightning使用JavaScript

Salesforce 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 跟踪是一个装饰。在下一节中，我们将深入研究装饰器。

---

最后

• 更多参考精彩博文请看这里：《陈永佳的博客》

• 喜欢博主的小伙伴可以加个关注、点个赞哦，持续更新嘿嘿！

---