2016-01-01 287 views
1

開發環境的多個實例:Vue公司JS - 渲染組件

首先我使用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標籤的模板,但沒有幫助。編寫模板時我也不會遇到任何編譯或運行時錯誤。

在此先感謝。

+0

我可以看到從瀏覽器呈現的HTML,與Vue評論。另外,有關片段實例的任何控制檯消息? – notANerdDev

+0

我已經將源代碼上傳到[github](https://github.com/azeame/vue-form-testing),並且我還在[192.241.218.211](http: //192.241.218.211),但沒有片段實例錯誤。 – Azeame

回答