vue路由跳转页面不变，可能是routes参数的原因

1-导入相关的包和组件

import Vue from 'vue'
import Router from 'vue-router'
import Login from '../view/Login'

Vue.use(Router); 

2-导出配置好的路由信息

写法一：

export default new Router({
    routes:[{
        //登录页
        path:'/login'
        ,name:'Login'
        ,component:Login
    }]
})

写法二：

const router =  new Router({
    routes:[{
        //登录页
        path:'/login'
        ,name:'Login'
        ,component:Login
    }]
})
export default router

写法三：

const routes = [{
    //登录页
    path:'/login'
    ,name:'Login'
    ,component:Login
}]

const router = new Router({routes})
 
export default router

我刚开始的时候没有注意，以为new Router里面的参数可以随便命名，后来才发现，原来不是的，这里面的只能传routes,如果使用其他的命名会导致路由跳转了但是页面却没有发生改变。当然导致路由改变但是页面不变可能还有其他原因，这只是其中一种可能。