v-if 指令会动态地创建或移除 DOM 元素，从而控制元素在页面上的显示与隐藏；v-show 指令会动态为元素添加或移除 style=“display: none;” 样式，从而控制元素的显示与隐藏。
如果需要非常频繁地切换，使用 v-show
如果运行时条件很少改变，使用 v-if
举个栗子
请输入一个数字：
成功输入 --- 被 v-if 控制
成功输入 --- 被 v-show 控制
---------
v-if与v-else
v-if和v-else是在一起用的，当v-if的条件值为false时，就是执行v-else语句所在的标签
请输入一个数字：
数字为正数 --- 被 v-if 控制
数字为负数 --- 被 v-else 控制
---------
v-else-if
充当 v-if 的“else-if 块”，可以连续使用
举个栗子
请输入一个数字：
数字大于100 --- 被 v-if 控制
数字大于0 --- 被 v-else-if 控制
数字小于0 --- 被 v-else 控制
---------
