v-if和v-else以及v-show和v-hide的區別解析用法

v-if

v-if接收bool類型。true的話則生成html，false則不生成。或者直接將元素remove掉。

舉例如：

<div v-if="true">你好</div>

 

v-else

v-else緊跟在v-if或者v-show后邊，否則將不被識別

舉例如：

 

<div v-if="flase">錯的</div>
<div v-else>不是錯的</div>

 v-show

通過此指令控制元素的顯示隱藏，即控制元素的display。

舉例如：

<div v-show="true" style="display:none">我顯示</div>
<div v-show="false" style="display:none">我隱藏</div>

v-hide

與v-show相反。