Data binding and component interaction

Like Angular, Vue supports data binding with specialized syntax in templates, and it can be applied to standard HTML elements as well as child components. Having the view and code separate can lead to much nuisance for the developer, as the two usually need to interact. For example, views need to display data managed in the component logic and the component logic needs to respond to events triggered from the template. Therefore, data binding is a key tool that eases the development immensely.

To achieve such scenarios, Vue provides several features that you can use as part of the component definition object, which you will learn about now.

Get Hands-On Full-Stack Web Development with ASP.NET Core now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.