成功解决 Component template should contain exactly one root element

报错信息

20190718111238409.png

VUE小白会碰到这样的错误，刚上手，对vue还不太熟悉，所以对里面的构造方式不太清楚。

对于这个bug，我们很容易翻译为：

组件模板应该只包含一个根元素

查看代码

20190718111325342.png

如图所示，template 下面包含了两个

根节点，这是报错的根本原因。

解决方法

在最外层写一个div，把所有的前端代码放进去就好了：

20190718111538893.png