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