vue使用vant组件时无法修改默认样式问题

由于vue开发时会在style加上scoped避免全局污染，所以正常开发时直接修改外部组件（vant）的样式时会不生效，我们把scoped删除后会发现样式是可以生效的。但是scoped是肯定不能不要的。所以我们可以用 /deep/（深度）来修改样式

/deep/.van-dropdown-menu__title{
	font-size: 0.26rem;
	font-family: Source Han Sans CN Regular;
	font-weight: 400;
	text-align: left;
	color: #333333;
}

如图所示，在标签前加上 /deep/ 就可以了

vue 官方给出的解释