Pug条件、分支条件

2020-02-26 17:15:34 浏览数 (1)

代码语言:javascript复制
- var friends = 10
case friends
  when 0
    p 您没有朋友
  when 1
    p 您有一个朋友
  default
    p 您有 #{friends} 个朋友

等价于--->
<p>您有 10 个朋友</p>

另一种块展开的写法:

代码语言:javascript复制
- var friends = 1
case friends
  when 0: p 您没有朋友
  when 1: p 您有一个朋友
  default: p 您有 #{friends} 个朋友
代码语言:javascript复制
- var friends = 0
case friends
  when 0
  when 1
    p 您的朋友很少
  default
    p 您有 #{friends} 个朋友

等价于-->
<p>您的朋友很少</p>

friends =0 ,在 Pug 中则是,传递会在遇到非空的语法块前一直进行下去,所以满足了 0 1

若想只执行when 0

给分支加上-break

if 条件

代码语言:javascript复制
- var user = { description: 'foo bar baz' }
- var authorised = false
#user
  if user.description
    h2.green 描述
    p.description= user.description
  else if authorised
    h2.blue 描述
    p.description.
      用户没有添加描述。
      不写点什么吗……
  else
    h2.red 描述
    p.description 用户没有描述


等价于--->
<div id="user">
  <h2 class="green">描述</h2>
  <p class="description">foo bar baz</p>
</div>

反义使用:

代码语言:javascript复制
unless user.isAnonymous
  p 您已经以 #{user.name} 的身份登录。

等价-->
if !user.isAnonymous
  p 您已经以 #{user.name} 的身份登录。
pug

0 人点赞