Mixins

Mixins在编译的模板里会被Jade转换为普通的JavaScript函数。 Mixins 可以还参数,但不是必需的:

  1. mixin list
  2. ul
  3. li foo
  4. li bar
  5. li baz

使用不带参数的mixin看上去非常简单,在一个块外:

  1. h2 Groceries
  2. mixin list

Mixins 也可以带一个或者多个参数,参数就是普通的javascripts表达式,比如下面的例子:

  1. mixin pets(pets)
  2. ul.pets
  3. - each pet in pets
  4. li= pet
  5. mixin profile(user)
  6. .user
  7. h2= user.name
  8. mixin pets(user.pets)

会输出像下面的html:

  1. <div class="user">
  2. <h2>tj</h2>
  3. <ul class="pets">
  4. <li>tobi</li>
  5. <li>loki</li>
  6. <li>jane</li>
  7. <li>manny</li>
  8. </ul>
  9. </div>