When making a vue component there is sometimes a need to have properties for the custom element that is made when developing a component. This is where the vue props option comes into play, it can be used as a way to set some properties for a component just like attributes when it comes to actual html elements. There is a little bit to cover when it comes to vue props such as how to set default values for them an so fort so lets take a look at some examples.
Once I have the property for my component define I can the use it in other templates that use the custom element in a template.
To set default values for a property one way is to use the object syntax rather than an array of strings. In place of just a string of the type expected for the property it can be an object with a default property the value of which will be the default value for the property.