Vue单文件组件，如何挂载多个？
Vue单文件组件，如何挂载多个？
提问于 2020-03-21 00:23:34
拥有如下的index.js文件：
new Vue({
el: '#app',
components: {
'hello': Hello,
'counter': Counter,
'goodbye': GoodBye
}
});和如下所示的index.html文件：
<div id="app">
<Counter />
<Goodbye />
<Hello />
</div>只呈现#app中的第一个项目。
按原样，Counter显示ok。如果我跳过Goodbye或Hello，它们也会渲染得很完美。
我显然希望它们都能被渲染。我做错了什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-03-21 00:29:28
超文本标记语言不支持用/>来结束标记，因为标记不是关闭的。
这意味着您的结构在浏览器中如下所示(检查您的元素是否禁用了javascript )：
<div id="app">
<Counter>
<Goodbye>
<Hello>
</Hello>
</Goodbye>
</Counter>
</div>这当然不会起作用，我们需要更新index.html以：
<div id="app">
<Counter></Counter>
<Goodbye></Goodbye>
<Hello></Hello>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60777958
复制相关文章
相似问题
腾讯云开发者
