学习B站程序员青戈《从0开始带你手撸一套SpringBoot+Vue后台管理系统，让小白能跟着学会的项目实战》第12个视频的笔记（纯干货!!!）

继续看B站程序员青戈的视频12. Vue使用路由_哔哩哔哩_bilibili，跟着up主学习了组件拆分，路由跳转以及对面包屑的编写，看这个视频的过程当中，本人也比较蒙😵，在对面包屑的编写那里花了好多时间，下面是我的学习笔记，希望能对各位有帮助！

组件拆分：

路由跳转：

页面效果：

错误如下：

①学习页签编写出现 **“Custom elements in iteration require 'v-bind:key' directives”**错误

解决方法：在代码上加下面圈出的代码

②问题：在加入路由守卫后，前端页面为空白

解决方法：

最终跟着视频学习到了面包屑的写法，效果如下图：

点击用户管理：

点击主页：

在快要看完这个视频的最后，我在安装vuex这样报了错误，至今还未解决，错误如下：

希望知道怎么解决的友友可以在线答疑一下，我将万分感激！