Salesforce Lightning使用JavaScript

导读:本篇文章讲解 Salesforce Lightning使用JavaScript,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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

最后

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

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


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/97643.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!