混入

Mixins 允许你创建可重用的 Pug 块。

Mixin 被编译为函数,并且可以接受参数:

混入块

Mixins 还可以将 Pug 块作为内容:

混入属性

Mixin 还获得一个隐式 attributes 参数,该参数取自传递给 mixin 的属性:

注释

默认情况下 attributes 中的值已经转义了!你应该使用 != 以避免再次转义它们。(另见 未转义的属性。)

你还可以将 mixins 与 &attributes 一起使用:

注释

语法 +link(class="btn") 也是有效的并且等同于 +link()(class="btn"),因为 Pug 尝试检测括号的内容是属性还是参数。尽管如此,我们鼓励你使用第二种语法,因为你明确不传递任何参数,并且确保第一个括号是参数列表。

默认参数的值

你还可以为 arguments 设置默认值。与 ES6 中设置默认函数参数相同。

其余参数

你可以使用 “剩余参数” 语法编写带有未知数量参数的 mixin。

Pug 中文文档 - 粤ICP备14034220号-1