条件语句：v-if v-else v-else-if v-show
v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后。
1.v-if
<body> <div id="app"> <p v-if="seen">seen=true现在你看到我了</p> <template v-if="ok"> <h1>ttttt</h1> <p>技术！</p> <p>哈哈哈，打字辛苦啊！！！</p> </template> </div> <script> new Vue({ el: ‘#app‘, data: { seen: true, ok: true } }) </script> </body>
2.v-else
随机数:如若>0.5sorry 出现，否则not sorry出现
<body> <div id="app"> <div v-if="Math.random() > 0.5"> Sorry </div> <div v-else> Not sorry </div> </div> <script> new Vue({ el: ‘#app‘ }) </script> </body>
3.v-else-if
<body> <div id="app"> <div v-if="type === ‘A‘"> A </div> <div v-else-if="type === ‘B‘"> B </div> <div v-else-if="type === ‘C‘"> C </div> <div v-else> Not A/B/C </div> </div> <script> new Vue({ el: ‘#app‘, data: { type: ‘C‘ } }) </script> </body>
4. v-show
<body> <div id="app"> <h1 v-show="ok">Hello!</h1> </div> <script> new Vue({ el: ‘#app‘, data: { ok: true } }) </script> </body>
原文：https://www.cnblogs.com/crazy-lc/p/12203008.html