这是因为vue的模版中只有能一个根节点,所以在中插入第二个元素就会报错
解决方案:
将中的元素用一个大的
包起来,这样就可以在其中添加多个元素了,可以参考以下示例:
<template>
<div id="vue">
Hello Vue.js!{{message}}
<span>{{message1}}</span>
<span v-if="seen">你看到我啦!</span>
<div id="app-4">
<ol>
<li v-for="todo in todos" v-bind:key="todo">
{{ todo.text }}
</li>
</ol>
</div>
</div>
</template>