javascript - Vuejs的路由为什么没有生效，没有报错，但是就是内容没有显示出来？

Question

1. 为什么使用Vue-router，没有报错，但是内容没有渲染成功

2.
main.js中的代码：

import Vue from 'vue'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router'
Vue.use(VueResource)
Vue.use(VueRouter)
const Bar = { template: '<p>bar</p>' }
const router = new VueRouter([
  {path: '',component: Bar}
])
new Vue({ router }).$mount('#app')

index.html里面的代码：

<p id="app">
  <router-view></router-view>
  </p>

3.页面中没有渲染成功：

Answer 1

const router=new VueRouter({
    routes:[{
        path:"/",component:Index
    },{
        path:"/about",component:About
    }]
})

Answer 2

const routes = [
  {path: '',component: Bar}
]

const router = new VueRouter([
  routes
])

应该是这个问题，routes必须是常量吧。

Answer 3

{path: '/',component: Bar}