前言

必知必会的项目基础知识。

常识

一般都是用根组件实现这部分。

代码

  1. <script>
  2. export default{
  3.   created(){
  4.     this.getBreadcrumb()
  5. },
  7. //
  8. methods:{
  9.   getBreadcrumb() {
  10.       this.levelList = this.$route.matched.filter(item => item.name)
  11.   },
  12. },
  15. watch:{
  16.     '$route' (to, from) {
  17.       this.getBreadcrumb()
  18.     }
  19. }}
  20. </script>

小结

实现还是简单的，主要也是根组件的初始化以及组件路由变化的监听，然后获取匹配的路由信息。