Basic UI Component - JavaScript File

DEX470 - Unit 1:Create a Hello World Lightning Web Component

📄 第 15 页 🎬 视频课程

课程章节介绍

让我们来聊聊Salesforce中的Lightning Web Components(LWC)和它们的基本JavaScript文件结构。想象一下,你正在搭建一个乐高模型,每个小部件都需要一个基础来构建。在LWC中,这个基础就是JavaScript文件。 首先,我们来看第一行代码。这里,我们从LWC模块中导入了`LightningElement`。你可以把它想象成是给你的乐高模型提供了一个坚固的底座。`LightningElement`是LWC的核心,它是对标准HTML元素的一个增强版,让它们更加强大和灵活。 接下来,在第二行,我们通过扩展`LightningElement`类来创建一个新的JavaScript类。这就像是在你的乐高底座上开始搭建第一层。我们使用`export default`关键字来导出这个类,这样其他组件就可以使用它了。按照惯例,类名使用Pascal Case,也就是每个单词的首字母都大写。比如,如果你的组件叫做`myComponent`,那么类名就应该是`MyComponent`。 总结一下,每个LWC组件都需要一个JavaScript文件,这个文件至少包含导入`LightningElement`和扩展它的代码。这就像是给你的组件提供了一个起点,从这里开始,你可以添加更多的功能和特性,构建出功能丰富的用户界面。 希望这个解释能帮助你更好地理解LWC的基础结构。如果你有任何问题,随时问我!