导致出错代码：
<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>