在 vue 中，默认情况下模板中的 HTML注释会在渲染过程中被移除，不会出现在最终的 DOM 中。这是因为 Vue 的模板编译器会将注释视为无用内容并自动删除，以减小最终生成的代码体积。如果你需要保留这些注释，有几种方法可以实现。

在 Vue 2 中使用comments选项

在 Vue 2中，你可以通过在组件选项中设置 comments:true 来保留模板中的 HTML 注释:

new Vue({

comments: true,

})

在 Vue3 中使用特殊注释语法(Vue 3)

在 Vue 3 中，你可以使用特殊的注释语法<!--「COMMENTS]-->来保留注释:

<!-- [COMMENTS] 这个注释会被保留 -->

使用 v-pre 指令

可以在包含注释的元素上使用 v-pre 指令，这会让 Vue 跳过这个元素及其子元素的编译过程:

<div v-pre>

<!-- 这个注释会被保留 -->

<p>这里的内容不会被编译</p>

</div>