vue-router的另一种写法

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

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

import VueRouter from 'vue-router';  Vue.use(VueRouter) ;  router =new VueRouter();

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

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

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

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

就是为了好玩!!

文章来源: vue-router的另一种写法