프로젝트 생성 도구 - Vue CLI -> 4번째 강의(main.js) 질문드립니다.

CLI로 생성한 프로젝트 폴더 구조 확인 및 main.js 파일 설명
강의 보다가 질문드립니다.

아래 내용을 실행하면 화면에 아무것도 나타지 않습니다.

main.js 파일입니다.

import Vue from 'vue'
// import App from './App.vue'

Vue.config.productionTip = false



var App = {
  template: '<div>app</div>'
}

new Vue({
    render: h => h(App),
    components: {
      'app': App
    }
}).$mount('#app')

vue devtool로 검사해보면, 

<Root>
   <Anonymous Components>

이렇게 뜹니다.

main.js 수정 전 처럼 화면에 보이게 하려면,
제가 어느부분을 잘 못 했을까요?