Vue Pug 计算属性

Question

正在尝试将 pug 集成到现有的 Vue3 项目中。安装 pug 和 pug-plain-loader 后，我的计算属性中的变量不再起作用。

旧代码（没有哈巴狗，有效）：

<template>
  <h1>
    {{ name }}
  </h1>
</template>

新代码（带哈巴狗，不起作用）：

<template lang="pug">
  h1
    {{ name }}
</template>

我得到的错误是：

...unexpected text "{{ na"
    at makeError...

我是否遗漏了其他需要在我的 Vue3 应用程序中启动并运行的东西？感谢您的帮助。

Answer 1

将 h1 移到左侧并在同一行上进行插值应该可以解决问题。

<template lang="pug">
h1 {{ name }}
</template>

Vue Pug Computed Property