vuejs错误error Component template should contain exactly one root element.

导致出错代码：

<template>
    <div class="shopcart"></div>
    <transition name="fade"><div class="list-mask" @click="hideList" v-show="listShow"></div></transition>
</template>

错误提示：template syntax error Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

翻译结果：模板语法错误组件模板应该正好包含一个根元素，如果你使用的是v-if多元素，使用v-else-if链他们。

vue模板只支持一个元素，不能并列包含两个及以上。

解决办法：在并列控件的最外层加上< div>< /div>或其他标签

如下是正确代码：

<template>
	<div>
		<div class="shopcart"></div>
		<transition name="fade"><div class="list-mask" @click="hideList" v-show="listShow"></div></transition>
	<div>
</template>