javascript - vue多个组件引用

查看：120 发布时间：2017/9/5 23:58:38 javascript vue.js

本文介绍了javascript - vue多个组件引用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

<template>
<vhead></vhead>
<menu></menu>
</template>
<script>
import vhead from './head'
import menu from './nav'
export default {

name: 'home',
components: {vhead, menu}

}
</script>
<style>
html, body {

position: relative;
height: 100%;

}

body {

background-color: #e5e5e5;

}
</style>
多个组件是这种形式引入吗？我这里一直报错，不知道什么原因

解决方案

可以看报错信息里面最长的一行，提示需要包裹在一个根节点里面

<div>
    <vhead></vhead>
    <menu></menu>
</div>

这篇关于javascript - vue多个组件引用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文