踩坑:The template root requires exactly one element.
阿新 • • 發佈:2020-12-16
這是因為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>