1回答

好帮手慕久久

2021-02-24

已采纳

同学你好，解答如下：

scoped这个属性的作用是让我们手写的css代码，只对当前组件HomeSwiper中，我们手写出来的html元素有效。如下这样写，实际作用的是HomeSwiper中的我们写出来的.swiper-pagination-bullet-active（图一）：

由于HomeSwiper组件内部中，并没有手写出来的.swiper-pagination-bullet-active，所以会无效：

​

即.swiper-pagination-bullet-active这个类名是swiper组件中的类名，swiper组件是我们安装的一个外部组件，因此.swiper-pagination-bullet-active并不是HomeSwiper组件中，我们自己定义出来的类名，因此写成图一的方式会无效。

祝学习愉快！

1