1. 程式人生 > >vue2中的元件component問題

vue2中的元件component問題

在學vue2的時候踩得這個坑, 一個元件,也就是一個template標籤中只能有一個標籤,如果你照下面這樣寫就會出現 [Vue warn]也就是警告

官方會給你以下一個提示

- 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.

解決方案就是把你的第二個div放在第一個div中,就不會出現 警告了

		//這種情況會報錯,警告
		<template>
			
			<div>
				<h3>這是一個標題</h3>
				
			</div>
			
			<div id="content">內容</div>

		</template>

		//解決方案在這,相當於你所有寫的html程式碼都用最外層的div包起來
		<template>
	
			<div>
				<h3>這是一個標題</h3>


				<div id="content">內容</div>
				
			</div>
			
			
		</template>