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標籤的模板,但沒有幫助。編寫模板時我也不會遇到任何編譯或運行時錯誤。
在此先感謝。
我可以看到從瀏覽器呈現的HTML,與Vue評論。另外,有關片段實例的任何控制檯消息? – notANerdDev
我已經將源代碼上傳到[github](https://github.com/azeame/vue-form-testing),並且我還在[192.241.218.211](http: //192.241.218.211),但沒有片段實例錯誤。 – Azeame