vueのルーティングが効かない

Question

以下のコードで、/userに来たときにUserコンポーネントが呼ばれません。
何か間違っているのでしょうが、わかりません。

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

const User = {
  template: '<div>User</div>'
}

const router = new Router({
  routes: [
    {
      path: '/user',
      component: User
    }
  ]
})

const app = new Vue({
  router,
  template: '<div>hello test</div>'
})

app.$mount('#app')

Answer 1

ルートコンポーネント (app) のテンプレートに、

<router-view></router-view>

が無いのが原因だと思います。

現在のパスに相当するコンテンツが <router-view> にマウントされる仕組みになっています。