Difference between V-if and V-show

Common ground: V-if and V-show can both show and hide elements

The difference between:

1. V-show simply controls the display attribute of the element, whereas V-if is conditional rendering (if true, the element will be rendered, if false, the element will be destroyed);

2. V-show has a higher first rendering overhead, while V-if has a much lower first rendering overhead;

3. V-if has a higher switching cost, while V-show has a lower switching cost.

4. V-if has matching V-else if and V-else, but v-show does not

5. V-if can be used with template, but v-show can’t