Use Lightning Web Components in Visualforce Pages
Add a Lightning web component to a Visualforce page to combine
features that you’ve built using both technologies. Implement new functionality using Lightning
web components and then use it with existing Visualforce pages.
Where: This change applies to Lightning web components in Visualforce pages. To create a Lightning web component, use Enterprise, Performance, Unlimited, and Developer editions.
How: Adding a Lightning web component to a Visualforce page is a three-step process.
- Add the Lightning Web Components for Visualforce JavaScript library to your Visualforce page using the <apex:includeLightning/> component.
- Create and reference a standalone Aura app that declares your component dependencies.
- Write a JavaScript function that creates the component on the page using $Lightning.createComponent().
Use the <namespace:camelCaseComponentName> naming convention to reference a Lightning web component in a Visualforce page.
For more details, see the Lightning Web Components Developer Guide.