如何使用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>