如何使用 pug/jade 渲染 JavaScript

Question

例如，我给这个 pug 文件传递​​了一个user 变量，我想在 dom 加载后运行一些 js 代码。

 script.
    document.addEventListener("DOMContentLoaded", function(event) {
        console.log(#{user.name});//log the user's name
    });

可以吗？

Answer 1

首先，您尝试在字符串之外使用字符串插值#{user.name}。使用 !{user.name} 代替 unescaped code 插值。如果您需要将其放在字符串中，则还需要将变量括在引号中。

console.log('!{user.name}');