VUE3 页面空白不报错，刷新之后正常显示

问题：

VUE用的不多，写了两个页面展示表格和图形，刚开始运行正常，页面切换也没有问题。

后面增加一些代码后，页面显示空白，但前后端都不报错，并且先点击此菜单再点别的也都变空白。

原因：

1、<template>中间没有div标签

错误写法：

<template>
    直接开始布局
</template>

正确写法：

<template>
    <div>
        开始布局
     </div>
</template>

<div>标签要包含所有的标签，<div>仅次于<template>

2、<template>与<div>之间有注释

错误写法：　

<template>
 <!-- <zujian @seleted="shuju" /> -->
<div>
开始布局
</div>
    <!-- <zujian @seleted="shuju" /> -->
</template>

他会把注释当作为一个节点，所以div就不是最大的容器了，他要先识别div标签，在识别div里面的标签，这时又多了其他节点就会出现白屏

正确写法：

<template>
<div>
 <!-- <zujian @seleted="shuju" /> -->
开始布局
    <!-- <zujian @seleted="shuju" /> -->
</div>
</template>　

来源：http://t.csdn.cn/dEKJ8