vue配置嵌套路由，页面一直空白

今天写vue路由配置，写了一个二级的嵌套路由，页面一直空白，加载不上，只要添加了二级路由后面的页面就不渲染了，代码如下

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Search from '../demo/adminDemo/formSearch'
import Demo from '../demo/adminDemo/index'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/demo',
      component: Demo,
      children: [
        {
          path: '/ww',
          name: '表单搜索',
          component: Search
        },
        {
          path: '/hl',
          name: 'Hollo ',
          component: HelloWorld
        }
      ]
    }
  ]
})

解决方案

回头又看了一边vue的路由配置api文章中有这样一句话

配置嵌套路由时，子路由不应该添加'/' 符号。 如添加子路由会被当作跟路由来处理。