Passing Data to Child Components Using Props

Organizing a Vue.js application by dividing it into components, makes it manageable and modular. However, if you only had hardcoded and fully cooked components, you would have to define a fully new component each time. This must be performed even when a slight change is required in the component. For example, assume a button component has been defined and all of its properties are defined as well. If you want to have another button with a different text on it, you have to define an entirely new component with only the difference of text.