Vue.js 条件语句
条件判断
v-if
条件判断使用 v-if 指令：
v-if 指令
在元素 和 template 中使用 v-if 指令：
【资料图】
现在你看到我了
菜鸟教程
学的不仅是技术，更是梦想！
哈哈哈，打字辛苦啊！！！
<script>new Vue({ el: "#app", data: { seen: true, ok: true }})</script>这里， v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。
在字符串模板中，如 Handlebars ，我们得像这样写一个条件块：
{{#if ok}} Yes
{{/if}}v-else
可以用 v-else 指令给 v-if 添加一个 "else" 块：
v-else 指令
随机生成一个数字，判断是否大于0.5，然后输出对应信息：
Sorry Not sorry <script>new Vue({ el: "#app"})</script>v-else-if
v-else-if 在 2.1.0 新增，顾名思义，用作 v-if 的 else-if 块。可以链式的多次使用：
v-else 指令
判断 type 变量的值：
A B C Not A/B/C <script>new Vue({ el: "#app", data: { type: "C" }})</script>v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后。
v-show
我们也可以使用 v-show 指令来根据条件展示元素：
v-show 指令
Hello!
标签：
