Salesforce Lightning Web Component(LWC)学习笔记(1)
2022年10月14日
文章浏览:368
LWC简介

Lightning Web Component,简称LWC。 是Salesforce平台上开发Lightning组件的一种技术。

与之相似的还有AuraComponent(我讨厌Aura,恩)。

LWC可以用我们熟悉的语言来开发,比如HTML和Javascript。

现在据我所知,我们能够使用Visual Stadio Code来开发LWC,但不能使用Developer Console(开发者控制台)

如果你接触过前端的框架React,那么可能更容易适应LWC。

好,让我们启航!


LWC的构成文件

当我们创建一个LWC组件的时候,会自动生产下面的三个文件(HTML文件,Javascript文件,XML文件),然后如果我们还需要使用到CSS文件,那么我们可以手动添加CSS文件。但有一个注意事项是CSS文件的名称需要和LWC组件的名称一致。

  1. HTML文件
  2. Javascript
  3. XML(定义文件,MetaData)
  4. CSS:可选项


Helloworld组件的创建

本文就写一个简单的LWC组件(Helloworld),好像C就是组件的意思,但这不重要。

为了每天上班有一个好心情,我们把上面的图片放到一个组件中,然后再显示到App的主页上面去。






关注 收藏