Component (Vue.js)

📌 1. 컴포넌트란?

재사용 가능한 UI 요소를 말한다. 애플리케이션을 여러 개의 작은 조각으로 분리하여 관리 가능한 단위로 만든다. 컴포넌트를 사용하면 UI 코드를 보다 간결하게 유지할 수 있으며, 재사용성과 유지 관리성이 뛰어나다.

📌 2. 컴포넌트 사용

1. 템플릿 작성

<template>
  <table>
    <tr is="my-row"></tr>
  </table>
</template>

<script>
export default {
  name : 'my-table',

}
</script>
<style>
  border : none;
</style>

2. Import

import my-table from './경로'

export default {
  data() {

  },
  components : {
    my-table,
  }
}

3. template 태그 안에서 사용

<mytable/>