Vue常用路由跳转

1.创建Vue映射示例(router/index.js)

import Home from ''
const routes = [

  {

    path: '/',
    // 路由重定向,即展示页面为/时自动切换到index
    name: '映射名',
    component:主跳转地址

  },
  {
    path: '',
    name: '',
    component:() => import(/* webpackChunkName:"daidu"*/'/*跳转地址*/'),
    children:[],//子路由跳转，可多层嵌套
  },

]

const router = new VueRouter({ //创建路由实例
  routes
})

export default router

 2.建立联系，将路由挂在在vue实例上(components/index.js)

<template>

<div id='app'>
        <router-link to='/'>去首页</router-link>
        <router-link to='/'>去个人中心</router-link>

        <router-view></router-view>

</div>
    </template>

3.element ui使用路由跳转

 <el-menu-item-group>
       <el-menu-item index="/">呼叫计费配置</el-menu-item>
       <el-menu-item index="/">客户端版本维护</el-menu-item>
 </el-menu-item-group>