Making your Components Available for Invocation from Visualforce

DEX602 - Unit 3 Surfacing Lightning Web Components

📄 第 262 页 🎬 视频课程

课程章节介绍

让我们一步一步来理解如何使您的Lightning组件在Visualforce页面中可用。这个过程其实并不复杂,只要跟着步骤走,您很快就能掌握。 首先,我们需要创建一个特殊的Lightning应用程序,这个应用程序的作用是作为一个桥梁,让Visualforce页面能够调用和使用您的Lightning组件。这个应用程序和我们平时创建的Lightning应用程序有些不同,它不支持模板,也就是说,它不会显示任何界面元素。它的主要任务是通过标签来加载您希望在Visualforce中使用的组件。 举个例子,假设您有一个名为`deliveryListMap`的组件,您希望在Visualforce页面中使用它。那么,您需要创建一个新的Lightning应用程序,比如我们可以命名为`vfDependency.app`。在这个应用程序中,您会使用标签来指定`deliveryListMap`组件,以及任何其他这个组件可能依赖的组件,比如`Lightning:Badge`。 这里是一个简单的代码示例,展示了`vfDependency.app`可能的样子: ```html ``` 在这个例子中,`vfDependency.app`应用程序通过`extends="ltng:outApp"`属性表明它是一个用于Lightning Out的应用程序。然后,通过标签,我们列出了所有需要在这个应用程序中加载的组件。这样,当Visualforce页面调用这个应用程序时,所有相关的组件都会被预先加载,从而提高效率和性能。 总结一下,使您的Lightning组件在Visualforce中可用的关键步骤是创建一个特殊的Lightning应用程序,这个应用程序通过标签来加载所有需要的组件。这样,您就可以在Visualforce页面中轻松地使用这些组件了。希望这个解释对您有帮助!如果有任何疑问,随时欢迎提问。