Vue公司JS - 渲染组件

Question

开发环境的多个实例：

首先我使用Vue公司1.0和7.0.0 Vueify采用最新的node.js，NPM和browserify编译Ubuntu的机器上的代码一个本地Apache服务器。

问题：

我已创建自定义组件，用于<form-input/>这使得没有一个错误。然而，当尝试下一个地方他们相互只有一个会呈现：

<form> 
     <form-input /> 
     <form-input /> 
     <form-input /> 
</form> 

为了得到多个组件来呈现我必须包装每个人在自己的<div>。

<form> 
     <div><form-input /></div> 
     <div><form-input /></div> 
     <div><form-input /></div> 
</form> 

供参考<form-input />模板看起来是这样的：

<template> 
    <div class="input-group"> 
     <label"></label> 
     <input name="" class="form-control" type="text"> 
    </div> 
</template> 

不，这是非常糟糕的问题，但它是如此更容易阅读没有额外<div>标签。

问：

这是正常现象，因为每个组件需要它绑定到自己的DOM元素还是我失去了一些东西？

FYI：

我也试图与包裹额外的div标签的模板，但没有帮助。编写模板时我也不会遇到任何编译或运行时错误。

在此先感谢。

Answer 1

我不确定这是否会导致问题，但Vue.js的创建者不建议使用自闭标签：https://github.com/vuejs/vue/issues/1036。如果您将输入更改为<form-input></form-input>，您仍然有问题吗？