vue之component组件错误

报错：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.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.component('comment-btn',{
        template:`<button>发布</button><input type="reset" value="重置">`
    })

错误原因：vue模板只支持一个元素，不能并列包含两个及以上，案例中有button和input两个元素

解决方案：将template中的所有内容用个div包起来，实现只有一个根元素，就可以解决了。解决后代码如下：

 Vue.component('comment-btn',{
        template:`<div><button>发布</button><input type="reset" value="重置"></div>`
    })