Component template should contain exactly one root element. If you are using v-if on multiple elemen

1、vue菜鸟一枚，添加自己新的代码调试的时候，发现了一个错误，，具体报错如：

 error  in ./src/components/Main.vue

(Emitted value instead of an instance of Error)
  Error compiling template:

  请输入用户信息
  LOADING......
  {{errorMsg}}
  
    
      
        
      
      {{user.name}}
    
  

  - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them ins
tead.


 @ ./src/components/Main.vue 11:0-361
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

刚开始这样写得时候是没有发现啥错误的，我只是在后面添加一个div标签或是加了别的就说出现这个错误，如下图代码：

2、解决方法：

1、正确的写法就是：把红框里的代码放入绿色框的div内，如下图代码和图所示：

  
    请输入用户信息
    LOADING......
    {{errorMsg}}
    
      
        
      
      {{user.name}}
    
  

3、原因：

vue模板只能有一个根对象 所以你想要出现正常的效果，你的用一个div来或是别的标签来包裹全部的元素