如何让 Vue 停止渲染模板注释？

Posted 2023-02-22

【中文标题】如何让 Vue 停止渲染模板注释？

【英文标题】：How do I make Vue stop rendering template comments?

【发布时间】：2020-06-28 00:17:01

【问题描述】：

我有一个 Vue 应用程序 (2.6.0)，我刚刚开始对其模板进行评论。我正在使用这种注释语法：

        <--! This component maps communities and allows you to add new ones -->

不幸的是，它在渲染时显示在我的组件中。我该如何停止？

【问题讨论】：

你能提供更多的上下文吗？你能粘贴组件的完整代码吗？这些 cmets 应该可以工作，如果它们在 <template> 部分，但如果它们在 script 部分，你应该使用 // 和 /**/。

这些 cmets 在

看看这个***.com/questions/41228833/…

这很奇怪，除非您指定 comments: true，否则默认情况下不会渲染 cmets。是用 webpack 构建的单文件组件吗？

它是用 Vue CLI 构建的，我正在使用 npm run serve 运行开发版本。

【参考方案1】：

您似乎有语法错误：

<--! This component maps communities and allows you to add new ones -->
^^^^

应该是

<!--