Simple components behave a little like stamps. You can save yourself from creating the same element many times using components. While it's fine to have the exact same copy of the same component throughout the page, we must have some means of telling the component what to do. This way, we can have the same components thrice, each of which does a slightly different function.
Since everything is reactive in Vue, with props we have a direct line of communication with our components, and you will learn how to use this line in this recipe.