Vue常见问题

• vue中的template只能有一个根元素
  例如：

Vue.component('login',{
    template:`<h1>hello</h1>
    <input type='text'>`
})

以上的这段代码是错误的，因为vue的template中只能有一个根元素

• 报错信息

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

解决方案

Vue.compontent('login',{
    template:`<div>
    <h1>
    hello 
    </h1>
    <input type='text'>
    </div>`
})