[Vue] Componet 컴포넌트

반복되는 코드를 따로 저장해두고 하나의 태그로 사용하기 위한 방법
장점
코드가 아름답고, 재사용이 쉬움

componet만들기
1. 새로운 vue파일 생성

• <+enter하면 기본 형식완성됨
• template 안에 원하는 코드 , style에 스타일 작성
• script에 name 작성
  주의사항 : name은 합성어(두 단어 이상 사용해야 함)
  싫으면 package.json 파일 내에 vue/multi-word-component-names:"off"로 설정

component사용하기
1. vue파일 import해오기

import dd from './discount.vue';

2. 등록하기

     components: {
      Discount: dd,
    }

3. 쓰기

   <Discount/>