Vue.js 스타일 가이드

props 정의

props: {
  status: {
    type: String,
    required: true,

    validator: value => {
      // 커스텀 유효성 검사 메소드
      // 값이 항상 이 세 문자열 중에 하나여야 함
      return ['syncing','synced','error'].includes(value)
    }
  },
  testObj: {
    type: Object,
      // 오브젝트나 배열은 꼭 기본값을 반환하는 팩토리 함수의 형태로 사용되어야 함
    default: function () {
      return { message: 'hello' }
    }
  },
}

컴포넌트 재사용하기 - slot

1. slot
   컴포넌트의 재사용성을 높여주는 기능으로, 특정 컴포넌트에 등록된 하위 컴포넌트의 마크업을 확장하거나 재정의할 수 있음

<!-- ButtonTab.vue -->
<template>
</template>