What is the difference between v-show and v-if in Vue JavaScript

Both v-if and v-show are used to hide/display components, but in this article we are going to cover the details of when to use them and why.