最近碰到一个问题，在vue3项目中页面正常跳转，而且跳转成功，控制台没有任何报错提醒，但是页面显示空白，手动刷新浏览器后页面恢复渲染。
从下面的截图可以看出来，页面根本就没有渲染，并且没有触发页面的任何生命周期函数。
原因：我在页面的第一行 template 下加了一行注释，导致页面无法正常渲染！
把第一行注释删掉后页面即可正常渲染。
最后：
在vue项目中，template下的第一行不要注释
尽量保证 template 下只有一个根节点（即使vue3允许有多个根节点）
最近碰到一个问题，在vue3项目中页面正常跳转，而且跳转成功，控制台没有任何报错提醒，但是页面显示空白，手动刷新浏览器后页面恢复渲染。
从下面的截图可以看出来，页面根本就没有渲染，并且没有触发页面的任何生命周期函数。
原因：我在页面的第一行 template 下加了一行注释，导致页面无法正常渲染！
把第一行注释删掉后页面即可正常渲染。
最后：
在vue项目中，template下的第一行不要注释
尽量保证 template 下只有一个根节点（即使vue3允许有多个根节点）
html5
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。