Mixins 混入

优质
小牛编辑
125浏览
2023-12-01

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

  mixin list
    ul
      li foo
      li bar
      li baz

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

  h2 Groceries
  mixin list

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

  mixin pets(pets)
    ul.pets
      - each pet in pets
        li= pet

  mixin profile(user)
    .user
      h2= user.name
      mixin pets(user.pets)

会输出像下面的html:

<div class="user">
  <h2>tj</h2>
  <ul class="pets">
    <li>tobi</li>
    <li>loki</li>
    <li>jane</li>
    <li>manny</li>
  </ul>
</div>