# Component

프로젝트의 진행에 따른 .vue관리의 효율에 따라 공통적인 code나 스타일등은 common으로 공통 컴포넌트로 따로 분류하는게 효율적이다.

1. components/commonComponent생성 및 작업 [ code github ]
2. scss/common 생성 및 style작업
3. each component에 import
4. API가 서로 다른경우 router에서 name:'',을 추가하여 구분하기

//commonComponent의 style scss import
<style lang="scss" scoped>
  @import '../assets/scss/common.scss'; 
</style>

//공용 컴포넌트를 받아갈 각각의 .vue
<template>
  <div>
    <list-item/>
  </div>
</template>
<script>
  import ListItem from '../components/ListItem'
  export default {
    components: {
      ListItem,
    }
  }
</script>

[ 공통컴포넌트로 중복되는 .vue의 코드 정리 Github ]

commonComponent setup 완료된 깃허브 링크 주소
[ commonComponent code setup 200 ]