在Pug中，如何在创建变量的each循环之外使用变量(设置为全局使用)？

在Pug（曾被称为Jade）模板引擎中，如果你想在each循环之外使用某个变量，并且希望这个变量是全局可用的，你可以使用Pug的全局变量功能。Pug没有直接的全局变量声明方式，但你可以通过几种方法来实现类似的效果。

方法一：使用局部变量并在需要的地方引用

你可以在each循环之前声明一个局部变量，然后在循环外部引用它。

- var globalVar = 'I am global';

each item in items
  p= item

p= globalVar

在这个例子中，globalVar在each循环之前被声明，并且在循环之后被使用。

方法二：使用Pug的block和extends

如果你在使用Pug的继承功能，你可以在父模板中定义一个块（block），然后在子模板中填充这个块，并在父模板的任何地方引用这个块中的变量。

// parent.pug
doctype html
html
  head
    title My Page
  body
    block content
      - var globalVar = 'I am global';
      each item in items
        p= item
    p= globalVar

// child.pug
extends parent

block content
  - var items = ['item1', 'item2', 'item3']

在这个例子中，globalVar在父模板的block content中被声明，并且在同一个模板的其他地方被引用。

方法三：使用Pug的mixin

你可以定义一个mixin，在mixin中声明变量，然后在需要的地方包含这个mixin。

// mixins.pug
mixin globalVarMixin
  - var globalVar = 'I am global'

// main.pug
include mixins

+globalVarMixin

each item in items
  p= item

p= globalVar

在这个例子中，globalVar在globalVarMixin中被声明，并且在包含这个mixin的模板中可用。

注意事项

• 在Pug中，变量的作用域通常是局部的，除非你使用上述方法之一来扩展其作用域。
• 当你在模板中使用变量时，确保它们在你尝试访问它们的地方已经被定义。
• 如果你的应用程序需要在多个模板之间共享变量，考虑使用会话（session）或上下文（context）来传递这些变量。

以上方法可以帮助你在Pug模板中创建和使用全局变量。根据你的具体需求，你可以选择最适合你的方法。