Kuunda Vijenzi Mtoto katika Vue

Vijenzi ndani yao vina muundo sawa na kijenzi kikuu ambacho tulifanya kazi nayo hapo awali. Hii inamaanisha kuwa katika faili ya kila kijenzi kutakuwa na vitambulisho script na template.

Kwa mfano, tufanye kijenzi kwa jina User. Tutaweka msimbo wake katika faili inayofaa:

<script>
	export default {
		data() {
			return {
				
			}
		}
	}
</script>

Katika kitu data cha kijenzi unaweza kuweka baadhi ya data:

<script>
	export default {
		data() {
			return {
				name: 'john'
			}
		}
	}
</script>

Data hii inaweza kuonyeshwa katika muonekano wa kijenzi:

<template>
	{{ name }}
</template>

Sasa tuunganishe kijenzi tulichokiumba kwenye kijenzi kikuu. Ili kufanya hivyo, kwanza tuingize hicho kijenzi:

<script>
	import User from './components/User.vue'
	
	export default {
		
	}
</script>

Tuandike jina lake katika usanidi components:

<script>
	import User from './components/User.vue'
	
	export default {
		components: {
			User
		}
	}
</script>

Katika muonekano wa kijenzi mzazi unaweza kuonyesha muonekano wa kijenzi mtoto. Ili kufanya hivyo, unahitaji kuandika kitambulisho, jina lake linalofanana na jina la kijenzi. Hebu tufanye hivi:

<template>
	<User />
</template>

Fanya kijenzi Employee. Uiunganishe na kijenzi kikuu.