Vuejs2でコンポーネントの中でコンポーネントを使う

Question

vuejsでvueファイルの中で別のvueファイルをimportしてそのcomponentを使いたいのですが、

<template>
	<p>test</p>
	<example></example>
</template>

<script>
	import Example from "./Example.vue"
	export default {
		components:{
			Example
		}
	}
</script>

これだとエラーが出ます。
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

vuejs初心者なので初歩的なことが分からず困っています。
よろしくお願いします。

Answer 1

はじめまして

コチラ、.vueのtemplateのなかは全体を<div></div>で囲う必要があります。

<template>
    <div>
      <p>test</p>
      <example></example>
    </div>
</template>

<script>
    import Example from "./Example.vue"
    export default {
        components:{
            Example
        }
    }
</script>

このような感じでうごくかと思います。