vue路由问题

Question

不知道哪里出了问题，点击之后路由不会跳转

但是路径从http://localhost:8080/#/跳到了http://localhost:8080/#/userinfo

显示内容却是空白，我里面写的有东西的

router / index.js

import Vue from 'vue'
import Router from 'vue-router'
import index from '@/components/index'
import userinfo from '@/components/home/userinfo'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: index,
      children: [
        {
          path: '/userinfo',
          name: 'userinfo',
          component: userinfo
        }
      ]      
    }
  ]
})

Answer 1

你链接里面的userInfo,你路由里面path是userinfo

Answer 2

你这个只是生命了路由，需要创建vue实例

Answer 3

path: '/userinfo' 改成 path: 'userinfo'

Answer 4

我猜你的index组件里面没有写<router-view></router-view>

---

把路由结构调整成这样试试：

import Vue from 'vue'
import Router from 'vue-router'
import index from '@/components/index'
import userinfo from '@/components/home/userinfo'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'index',
      component: index   
    }，
    {
      path: '/userinfo',
      name: 'userinfo',
      component: userinfo  
    }
  ]
})

Answer 5

你看下这个文档，字路由配置有问题，不能加/ https://router.vuejs.org/zh-c...