使用下面代码的组件的时候
<div>{{message}}</div>
<ul>
<li v-for="a in array">{{a}}</li>
{{test}}
</ul>
会如上错误,主要是因为每个组件模板只能包含一个根元素 我们可以加一个<div></div>
来包含这个组件内容
<div>
<div>{{message}}</div>
<ul>
<li v-for="a in array">{{a}}</li>
{{test}}
</ul>
</div>
使用下面代码的组件的时候
<div>{{message}}</div>
<ul>
<li v-for="a in array">{{a}}</li>
{{test}}
</ul>
会如上错误,主要是因为每个组件模板只能包含一个根元素 我们可以加一个<div></div>
来包含这个组件内容
<div>
<div>{{message}}</div>
<ul>
<li v-for="a in array">{{a}}</li>
{{test}}
</ul>
</div>