用上Vue-router之命名路由，让你的程序人生走向高端简洁风

     在项目中，我们使用<router-link to="/Page1">标签，这样可以通过点击链接跳转到我们需要展示的页面".../Page1"。但是，随着项目的不断壮大，我发现之前的路由命名方式开始有些力不从心了。比如，原有路径为"/Page1",后面需要把路径改为"/Page2",当项目比较小的时候在相应的.vue文件下将<router-link to="/Page1">改成<router-link to="/Page2">，再将index.js下的这个组件对应的路由路径改为"/Page2"即可，可是随着项目的壮大，我们就需要把时间浪费在无用的修改路径上，这显然是很拖节奏的。作为一个优秀的码农，我们是不允许这种情况出现的，因此在这里提供一种使用命名路由的方式来使用路由，即使页面的路由被更改，仍然可以不用修改<touter-link>上的to属性，这有效的帮我们减少了时间浪费。虽然这样的检索查找相比于直接使用path消耗更大，但是这些性能损失可以忽略不计。

       基础写法：

<router-link to="/Home">首页</router-link>

     命名路由写法:

<router-link :to="{ name:'index.js下这个组件名称'}"></router-link>

     通过:to来绑定路由相应的name，以后即使路由的路径被改变，也无需改变<router-link>上to的路径指向，只需改变index.js上组件对应的路由路径。