Aura Components vs. Lightning Web Components - Markup

DEX601 - Unit 9 Introducing Lightning Web Components (Optional Unit)

📄 第 611 页 🎬 视频课程

课程章节介绍

今天我们来聊聊Salesforce中的Aura Components和Lightning Web Components(LWC),以及它们之间的区别。 首先,我们来看一下Aura Components。Aura是Salesforce早期推出的一种组件框架,它允许开发者创建可重用的UI组件。Aura Components使用一种叫做Aura标记语言的东西来定义组件的结构和行为。比如,你可以在Aura中定义一个按钮,当用户点击这个按钮时,可以触发一些JavaScript代码。 接下来是Lightning Web Components,简称LWC。LWC是Salesforce推出的新一代组件框架,它基于现代的Web标准,比如ES6+和Web Components。LWC的设计更加简洁,性能也更好。LWC使用HTML模板来定义组件的结构,使用JavaScript来处理逻辑。 现在,我们来看一下你提供的代码示例。首先是一个LWC的示例: ```html

你好,{greeting}!

``` 在这个LWC示例中,我们定义了一个`lightning-card`组件,里面包含一个按钮和一个输入框。按钮的`onclick`事件绑定到了一个叫做`计数`的JavaScript方法,输入框的`onchange`事件绑定到了一个叫做`change`的方法。 接下来是一个Aura Components的示例: ```html

你好,{!v.greeting}!

``` 在这个Aura示例中,我们同样定义了一个`lightning:card`组件,里面包含一个按钮和一个输入框。按钮的`onclick`事件绑定到了一个叫做`count`的控制器方法,输入框的`value`绑定到了一个叫做`greeting`的属性。 总结一下,Aura Components和LWC都是用来构建Salesforce UI组件的工具,但LWC更加现代化,性能更好,语法也更简洁。如果你是新项目,建议优先考虑使用LWC。 希望这个解释对你有帮助!如果有任何问题,随时问我。