Visualforce、Aura和LWC都试图从终端用户的角度解决相同的问题。然而，它们在技术细节上差异很大。
本文将聚焦LWC的5个方面，阐述组件开发新范式的一些基础知识：
使用CSS和样式的3种方法
处理多个输入字段
Apex异常
自定义标签
LWC其他注意事项
01
以编程方式添加样式
SLDS消除了终端用户体验中的摩擦，并为组件的行为和外观提供了指导。设计系统涵盖了各种各样的样式需求（填充和边距等），无需创建任何自定义CSS。
如果样式取决于用户输入或需要通过编程来确定，有三种方法可以实现。假设下面是LWC，我们想给这个部分一个红色的背景：
templatesectionpContent/p/section/template应用现有的CSS类
这意味着你已经有了一个想要应用于元素的类。它来自SLDS，或在你的自定义CSS文件中：.red-background{background-color:red;}在这两种情况下，都可以在renderCallback中使用以下代码来实现目标：renderedCallback(){letsection=this.template.querySelector("section");section.classList.add("red-background");}在Markup中使用样式属性
HTML元素上的样式属性可以很容易地将字符串作为样式指令传递。不过，这可能会破坏精心制作的CSS，但如果你控制{