Vue 中使用面包屑导航

面包屑导航能够让用户更加清晰的了解自己在程序中位置，方便跨层级的页面跳转。

在vue项目中，如何能够实现面包屑导航呢？

最直白的方法是每个页面都写一个面包屑导航组件，并且提供对应的url列表。但这样处理比较费劲，更简单的方式是利用vue route提供的API —— route.matched， 它能够返回当前页面的路径以及其所有父辈的路径，这正好是面包屑导航所需要的。