Vue-route 的 route-link 解析

Question

本人初学者，根据官方文档的 route-link 写法写了这么个链接

这是浏览器解析出来的结果

路由文件是这样子的

是不是路由配置有问题呢？还是说route-link :to 这里写错了？

Answer 1

router-link的to那里写错了，to后面直接写路径
就是:to="/xxxx"

Answer 2

是你写错了，注意一下router-link里面to后面的参数可以使name也可以是path，但都要和你的router里面定义的一致。
你在router里面的to指明了用name，但是router里面找不到，那vue就自动解析成空的了。换成下面的试试

<router-link :to="{ name: 'ArticleDefault' }">XXX</router-link>

Answer 3

不采用 <route-link :to=""></route-link>, 看到一位大神的vue作品，他使用的是自己进行扩展的$RouteGO(), 我参考使用 vue-route 自带的 $route.push('path' + params) 进行跳转