vue2.0 router中嵌套路由不成功

Question

在main.js中配置路由如代码，但是界面渲染出来没有实现嵌套路由的结果，不知道问题出在哪里？

import Vue from 'vue'
import App from './App'
import $ from 'jquery'
import VueRouter from "vue-router"

//开启debug模式
Vue.config.debug = true;

import Home from './components/Foo.vue'
import About from './components/Bar.vue'
import HomeDetail from './components/HomeDetail.vue'
Vue.use(VueRouter);
// Vue.use(VueResource);

// 创建一个路由器实例
// 并且配置路由规则
const router = new VueRouter({
  mode: 'hash',
  base: __dirname,
  routes: [
    {
      path: '/home',
      component: Home,
      children: [// 设定嵌套路由
         {name: 'detail',path: 'homeDetail',component: HomeDetail},
      ]
    },
    {
      path: '/about',
      component: About,
      children: [// 设定嵌套路由
         {path: 'homeDetail',component: HomeDetail},
      ]
    },
    { path: '/', redirect: '/home' }
  ]
});

/* eslint-disable no-new */
const app = new Vue({
  el: '#app',
  router: router,
  render: h => h(App)
});

Answer 1

请问一下这个问题解决了吗？
我现在也遇到一样的问题，不过我的正常的一级路由能够出来
嵌套路由路径没错不过渲染的时候却是渲染了父级的！

Answer 2

这里有例子：https://github.com/vuejs/vue-...

Answer 3

我也遇到了这个问题， 只能渲染一级路由，子路由没有效果，楼上的问题解决了吗？？

Answer 4

请问怎么引入jquery