VueJS----[内部指令-1.2]----v-if v-else v-show 指令

v-if v-else v-show 指令

一、v-if：
v-if:是Vue的一个内部指令，用在html的标签中
v-if:用来判断是否加载HTML的dom,
举个例子：模拟是否登录

效果图：

这里在vue的data中定义了isLogin，为true的时候显示，为false的时候隐藏
二、v-else： 经常和v-if结合使用，类似于java中的if else
三、v-show:
v-show的效果和v-if一样，肉眼效果都是控制显示与隐藏，但是v-show和v-if的区别在于v-show的作用是设置css样式，设置display为none,而v-if是直接不加载。因此考虑性能的问题建议使用v-if