vue-router的另一种写法

今天看视频,看到了vue-route的另一种写法,0.7.13版本的写法,上古版本,好像写老版本没多大意义,但感觉做下对比还是能加深一下 印象.

导入,use和创建实例都没变 :

import VueRouter from 'vue-router';

Vue.use(VueRouter) ;

router =new VueRouter();

但是创建路由规则的时候变了:

新写法 是创建实例时,将路由规则定义为一个routes数组,包含在一个对象传入route实例:

    const router =new VueRouter({   
        .......
        .......
        routes:[    //路由规则
                {path:'/xxx',component:'xxx'},
                {............}  
              ]  
    })  

而在0.7.13版本中,是使用了route实例的一个map()方法,传入一个对象,

router.map({
 '/goods':{component:xxx},
  ......
  })

当然,上古版本跟新版本在许多地方都不同,不仅仅是这点.

就是为了好玩!!