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

问题：

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

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

原因：

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

错误写法：

?

1 2 3

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

正确写法：

?

1 2 3 4 5

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

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

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

错误写法：　

?

1 2 3 4 5 6 7

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

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

正确写法：

?

1 2 3 4 5 6 7

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

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