资讯专栏INFORMATION COLUMN

vue.js第四课 条件与循环

Arno / 2745人阅读

摘要:在字符串模板中,如,我们得像这样写一个条件块模板可以用指令给添加一个块指令随机生成一个数字,判断是否大于,然后输出对应信息在新增,顾名思义,用作的块。可以链式的多次使用指令随机生成一个数字,判断是否大于,然后输出对应信息

条件判断
v-if

条件判断使用 v-if 指令:
v-if 指令

在元素 和 template 中使用 v-if 指令:

现在你看到我了

尝试一下 »

这里, 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

v-else-if

v-else-if 在 2.1.0 新增,顾名思义,用作 v-if 的 else-if 块。可以链式的多次使用:
v-else 指令

随机生成一个数字,判断是否大于0.5,然后输出对应信息:

A
B
C
Not A/B/C

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/22997.html

相关文章

  • 原生js练习题---四课

    摘要:然而问题是,这个法则在导航条的主体是可行的但是子选单因为前面提到的三层嵌套构造圆角,已经无法减少嵌套了,同时还得考虑到子选单也是嵌套在导航条里的啊。。。同理,反过来进入子选单时自然就用来抵消达到筛选的目的。 0x1setTimeout应用 实现效果:4-01setTimeout应用 又见导航条,先看下css,这里用的是雪碧图背景做出圆角的效果,虽然是经典的方法、兼容性好,但这种代码写起...

    Snailclimb 评论0 收藏0
  • Node入门 (四课

    摘要:在中存储的都是二进制数据,但是在显示时都是以进制的形式显示。创建一个指定大小的的构造函数都是不推荐使用的创建一个的大小的长度一旦确定,就不能更改,实际上是对底层内存的直接操作。但是只要在控制台和页面中显示,都会转换成进制。 Buffer (缓冲区) Buffer的结构和数组很像,操作的方法和数组类似,既然存在数组,为什么还要出现Buffer? 数组中不能存储二进制文件,而Buffer...

    graf 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<