What are Vue.js props?
In VUE JS, Props are the process in which developers pass data from a parent component to its child components (downward). The Props are added to the components in the <template> section of the code.
<my-component cool-prop="EXAMPLE "></my-component>
Here, we are passing the prop “cool-prop” a value of “EXAMPLE”, which can be accessed from inside of my-component.