如何使用PUG获取VueJS修饰符

Question

我们如何使用哈巴狗获得修饰剂？

我尝试了以下方法：

my-component(:options.sync="addresses")

my-component(':options.sync'="addresses")

两者都给出语法错误，意外的令牌。

my-component(:options="addresses")

获得编译，但当然会错过最终HTML中的修饰符。

如果用pug无法做到这一点，是否有任何方法可以将原始HTML集成到PUG模板中，以便我可以只用HTML指定该组件，而其余部分则用PUG语法指定？

Answer 1

要回答问题的这一部分，您可以输出原始HTML，并在元素末尾加上竖线或句点字符。

...是否有任何方法可以将原始HTML集成到PUG模板中，以便我可以只用HTML指定该组件，而其余部分则用PUG语法指定？

将管道置于行的开头，您将获得该行的原始输出。 例如，这将在管道之后呈现确切的字符串：

| <div>
|   <a href='https://example.com'>Link to site</a>
| </div>

在块之后使用句点将所有子元素输出为原始文本。 这将输出与上面的代码块相同的HTML：

div.
  <a href='https://example.com'>Link to site</a>