Salesforce入门教程（中文）-021 Lightning Web Components简介

1.Lightning Web Components简介

是时候将您的Salesforce知识和对HTML、JavaScript和CSS等标准技术的熟悉结合起来，构建下一代Salesforce应用程序了。

使用这些通用标准为Salesforce组织构建组件，同时保持与现有Aura组件的兼容性。
Lightning Web Components专注于开发人员和用户体验。
当我们提到Lightning Web Components编程模型时，我们将所有单词大写。
当我们将组件本身称为Lightning web组件时，我们只将第一个单词大写。
另外，Lightning Components编程模型现在称为Aura Components。
这些组件本身被称为Aura Components。

为什么选择Lightning Web组件？
现代浏览器基于web标准，不断发展的标准不断改进浏览器向用户提供的内容。
我们希望您能够利用这些创新。

Lightning Web Components使用核心Web组件标准，只提供在Salesforce支持的浏览器中运行良好所需的功能。
由于Lightning Web Components是基于在浏览器中本机运行的代码构建的，因此它是轻量级的，并提供了优异的性能。
您编写的大多数代码都是标准的JavaScript和HTML。

遵守web标准的好处在于简单。您不需要在特定框架的怪癖上加速。
您只需使用HTML、JavaScript和CSS创建组件。
Lightning web组件创建分为一、二、三个步骤，就这么简单。
您可以创建：
（1）一个JavaScript文件
（2）一个HTML文件
（3）一个CSS文件

HTML提供了组件的结构。JavaScript定义了核心业务逻辑和事件处理。
CSS为组件提供外观、感觉和动画。这些是组件的基本部分。

下面是一个非常简单的Lightning web组件，它在输入字段中显示“Hello World”。

<template>
    <input value={message}></input>
</template>

模板标记是组件HTML的基本构建块。它允许您存储HTML片段。

import { LightningElement } from 'lwc';
export default class App extends LightningElement {
  message = 'Hello World';
}

我们稍后也将讨论import语句和类声明的详细信息。

input {
   color: blue;
}

上面是CSS。

我们需要在同一文件夹中具有相同名称（也具有匹配名称）的HTML文件和JavaScript文件。
可以使用一些元数据将它们部署到一个组织中，然后就可以开始了。
Salesforce会自动编译您的文件并负责样板组件的构建。

Lightning Web组件和Aura组件可以协同工作

可以在不放