vue条件渲染

v-if

<template>
<div>
<div v-if="ok"> 是否展示本div取决于 ok的布尔值 在data里体现</div>
</div>
</templayte>
<script>
export default{
data(){
return {
   ok:true
}
}
}
</script>

else if

<template>
<div>
<div v-if="type===A"> type等于A则展示本div </div>
<div v-else-if="type===B"> type等于B则展示本div </div>
<div v-else-if="type===C"> type等于c则展示本div </div>
<div v-else> type都不等于则展示本div </div>
</div>
</templayte>
<script>
export default{
data(){
return {
   type:'A'
}
}
}