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.

Component definition object

Building Vue components in the form you witnessed now involves defining the component definition object, which is the exported object from the script block in single file components.

The component definition object supports different properties that you can use to shape the component and implement...