Vue의 기본 구조

<template>
  <!-- HTML -->
</template>

<script>
  // Javascript
</script>

<style>
  /* CSS */
</style>

간단한 예제

<template> 
    <div>
        <h1> book fleamerket </h1>
    </div>
</template>

<script>
    export default {};
</script>

<style>
h1 {
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

<template>
  <div id="app">
    <Header/>
  </div>
</template>

<script>
import Header from './components/Header';

export default {
  name: 'app',
  components: {
    Header
  },
}
</script>

• Header 를 header 로 적어서 좀 시간을 날렸다.. component has been registered but not used vue/no-unused-components 에러..