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

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