课程章节介绍
让我们一步一步来理解如何使您的Aura组件可以从Visualforce页面中调用,并且通过Lightning Out来使用。
首先,我们需要创建一个特殊的Lightning应用程序,这个应用程序的主要作用是作为一个桥梁,让您的Aura组件能够在Visualforce页面中被调用。这个应用程序不是普通的Lightning应用程序,它不支持模板,也就是说,您不能在这个应用程序中使用像``这样的标签。它唯一的作用是通过``标签来声明您想要在Visualforce页面中使用的组件。
例如,假设您有一个名为`PanicButton`的Aura组件,您想要在Visualforce页面中使用它。那么,您需要创建一个新的Lightning应用程序,我们暂且叫它`PanicButtonAppVF.app`。在这个应用程序中,您只需要做两件事:
1. 设置`access="GLOBAL"`,这样这个应用程序就可以被外部访问。
2. 使用``标签来声明您想要使用的组件,这里是`c:PanicButton`。
代码看起来是这样的:
```html
```
这段代码的意思是,我们创建了一个全局可访问的Lightning应用程序,它扩展了`ltng:outApp`,这是Lightning Out的基础。然后,我们通过``标签告诉Salesforce,我们想要在Visualforce页面中使用`PanicButton`这个组件。
接下来,为了让这个组件在Visualforce页面中可用,您需要在Visualforce页面中嵌入这个Lightning应用程序。这通常涉及到在Visualforce页面中使用``标签来加载Lightning组件,并通过JavaScript来初始化这个组件。
最后,关于提高效率的部分,如果您有多个组件需要在Visualforce页面中使用,您可以在同一个Lightning应用程序中通过多个``标签来声明它们。这样,所有的依赖项可以在启动时一次性加载,而不是每次调用时都加载,这样可以提高页面的加载速度和性能。
希望这个解释对您有帮助!如果有任何问题,随时问我。