728x90
부모 컴포넌트
<template>
<div>
<div v-for="value in name" v-bind:key="value">
<Navbar v-bind:names="value" :ab="a"></Navbar>
</div>
</div>
</template>
<script>
export default {
data: function () {
return {
name :[1,2,3,4,5],
a :100
}
}
}
</script>
v-bind를 여러 개 사용해 여러 개의 데이터를 보낼 수 있습니다.
자식 컴포넌트
<template>
{{names}}
{{ab}}
</template>
<script>
export default {
props:['names','ab']
}
</script>
<style>
</style>
728x90
'기타 > vue js' 카테고리의 다른 글
[Vue js] 컴포넌트 전역 vs 지역 등록 방법 (0) | 2021.01.27 |
---|---|
vue js 컴포넌트 기본 사용법 (0) | 2021.01.22 |
[Vue js] 특징 및 장점 알아보기 (0) | 2020.12.29 |
[vue js] get input value (0) | 2020.12.22 |
vuex actions mutations 한 번에 이해하기 (0) | 2020.12.04 |