How can methods in LWC be invoked from the template?

Methods in Lightning Web Components (LWC) can be invoked from the template by adding event listeners. When you define an event listener in the template markup, you can specify a method from the component's JavaScript class that should be called in response to that event. For example, you can listen for a button click or a change event, and when that event occurs, the associated method is executed.

This approach is fundamental to the reactive nature of LWC, where the UI can respond to user interactions efficiently. It allows for a clean separation between the UI (defined in the template) and the logic (defined in the JavaScript class). This makes it easy to maintain and develop complex components.

Other choices, such as binding to CSS selectors or referencing them directly in JavaScript, are not valid ways to invoke methods directly from the template. Public properties are used to pass data between components but do not directly invoke methods. Thus, the most effective and recognized method for invoking functions in response to user events in LWC is through event listeners added to template elements.