条件语句: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>
联系客服