Jade 语法需要澄清

Question

我正在使用 Huge 的新 Styleguide 模板，并开始深入了解 Jade 语法。也就是说，我似乎找不到任何与作者如何创建图像路径相关的文档。使用的语法是：

img.huge-sidebar__logo.clearfix(src='styleguide/assets/images/#{public.styleguide._data.logoImage}')

我没有得到的部分是路径中似乎是包含的部分：

#{public.styleguide._data.logoImage}

谁能解释一下这叫什么以及它在做什么？

Answer 1

您看到的是 Jade 的 interpolation 功能的一个有趣应用，它可以用于纯文本字符串，例如 src='...'。

它看起来不同（带有点），因为它使用的是多维 JavaScript 对象，而不是简单的变量。