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 its behavior and state.
The following are the main options :

• name: The name of the component
• components: Registration of child components rendered within a certain component
• props: The immutable input that the component allows parent components to pass in
• data: The mutable state the component manages for its own behavior
• methods: The implemented behavior methods associated with the component
• computed: The set of properties that depend on the underlying reactive state
• watch: The set of watcher-implementations for handling reactive data changes