vue脚手架样式设置不能显示 less样式穿透

在使用vue脚手架的时候，在写样式时通常会加一个scoped，代表的是样式只在目前的这个组件里用，但是当其他组件用到相同的插件时，css设置的样式不能出来，这里就要用到scoped穿透，下面以swiper轮播图的小圆点为例。
需要添加一个/deep/,我用的是less,sass同理，stylus是添加>>>

.box /deep/ .swiper-pagination-bullet-active {
		background: rgba(0,175,190,0.8) !important;
	}