如何分离路由模块?

当我们做项目的时候,随着项目的一步步深入,我们的路由模块会越来越复杂,为了解决这个问题我们需要进行封装。把路由封装到一个独立的模块里面。(做一个独立的路由模块)

步骤:

首先在src目录下新建一个router.js文件(以后整个项目所有关于路由的代码就可以全部集中在这里面了)

然后将main.js中有关路由的代码剪切粘贴到router.js中,注意

 这两行在main.js中也需要(把路由模块分离出去,但是一定要注意,下面2句是不能少的,必须在mian.js入口文件中,导入vue-router包,并且挂载到vue对象身上)

然后在router.js中需要将路由暴露出去(当分离出来router.js模块后,一定要把router路由模块对象暴露出去)

 这边mian.js需要接收一下(在main.js中导入路由模块)

这样路由对象就独立出来了。

原文地址:https://www.cnblogs.com/mmit/p/12827749.html