vue-router的新奇写法

Posted 疾风_剑豪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-router的新奇写法相关的知识,希望对你有一定的参考价值。

加班中。。。。。。。。。。。。。。。。。。。。。。。。。。。

 

我们以前写路由是下面这样的

这导致了页面一多,我们的路由文件内容就比较多,不好看。

下面我为大家介绍一下,新的一种写法

这种写法,我们只需定义一个根目录,然后通过全局组件,通过正则匹配组件名替换组件就好了,这使得router文件不需要写很多东西。

 

以上两种写法都可以,第一种写法的好处是,不管谁接手这个项目,都可以清楚的找到页面路由,便于后期维护。

第二种写法虽然可以,但是有个缺点就是,后期维护,别人接手的话,是找不到组件的

 

以上是关于vue-router的新奇写法的主要内容,如果未能解决你的问题,请参考以下文章

vue-router的使用

Vue-router实际使用和js方式跳转

vue-router导航守卫

vue2.0路由写法和传参

Vue路由钩子 afterEach beforeEach区别

Vue-Router