顶部列表与 Course 中使⽤的列表⾮常相似,可封装为公共组件。 Course 展示的是所有课程,⽽学习展示的是⽤于已经购买的课程,数据不同,但结构相同。 这⾥将 CourseContentList.vue 作为公共组件移动到 src/components 中。 CourseContent 中对 CourseContentList 的引⼊路径要随之修改。 // course/components/CourseContent.vue 2 … 3 import CourseContentList from ‘@/components/CourseContentList’ 4 …