在控制台可以看到这样的错误提示:
对应的代码如下:
<template id="per">
<p>姓名:</p>
<p>年龄:</p>
<p>职业:</p>
</template>
这个错误的原因就是Vue规定的需要用大的容器管理小的容器,所以需要把所有的p
标签包含在一个div
当中,如下
<template id="per">
<div>
<p>姓名:</p>
<p>年龄:</p>
<p>职业:</p>
</div>
</template>