1.8、vue中的分支语句 v-if v-show

八、vue中的分支语句

v-if v-else v-else-if

<div v-if="test"></div>      //test=true时，当前div显示
<div v-else="test"></div>    //test=fasle时，当前div显示
<div v-else-if="test2"></div> //test=false,test2=true 当前div显示

v-show

<div v-show="test"></div> //test=true，当前div显示 ,false隐藏

v-show和v-if相似，v-show是操作的元素的display属性，而v-if，是渲染不渲染次元素。所以v-show的效率更高