vue基本指令

2019-10-10  本文已影响0人  前端切图仔

v-cloak:解决网站加载时的闪烁

v-once

v-if    v-else-if    v-else约等于if elseif   else

<p v-if="sun===1">当sun为1显示出来</p>

<p v-else-if="sun===2">当sun为2显示</p>

<p v-else>否则显示这个</p>

大概为以下意思

if(sun===1){

当sun为1显示出来

}else if(sun===2){

当sun为2显示

}else{

否则显示这个

}

-如果一次要判断多个元素则要用到template

<div id="app1">

<template v-if="sn===1">

<p>显示</p>

<p>显示</p>

<p>显示</p>

<p>显示</p>

</template>

<template v-else>

<p>是是是</p>

<p>是是是</p>

<p>是是是</p>

</template>

</div>

上一篇 下一篇

猜你喜欢

热点阅读