vue3 ＜template＞ 直接跟注解＜!--xxx--＞可能会产生语法解析问题

开发中发现的一个特别的异常问题；<template> 直接跟注解<!--xxx-->；造成后端菜单切换页面跳转；会出现渲染空白；这个问题在排查过程中逐行恢复最终发现；去除<!--xxx--> 注解；便没有了问题；反复测试发现 <template>外加注解不会产生影响；内div元素标签中加也没有问题；只有在紧跟<template>下有注解<!--xx--> 会产生；搜索发现很多解释是“Vue 的模板编译器在解析模板时，可能会将注解的内容错误地识别为模板的一部分，从而导致编译错误或者异常行为” 或者说“Vue 通过创建虚拟 DOM 来高效地更新和渲染页面。注解可能会干扰虚拟 DOM 的生成过程，导致生成的虚拟 DOM 结构不正确” 这里记录以下；以供大家参考