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: '<div>bar</div>' }const router = new VueRouter([
  {path: '',component: Bar}
])new Vue({ router }).$mount('#app')

index.html里面的代码：

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

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