Vue组件中使用scoped CSS来覆盖Vant2组件的样式

当使用Vant2组件库时，我们希望自定义一些组件的样式。这时可以使用Vue的scoped CSS来覆盖Vant2组件的样式。

首先，在Vue组件中使用`<style scoped>`标签来声明scoped CSS。这样，我们就可以在组件内部定义样式，而不会影响到其他组件。

然后，在样式表中使用以下格式来覆盖Vant2组件的样式：

<style scoped>
/* 选择器中包含组件名 */
.van-button {
  background-color: #f00;
}
</style>

在上面的例子中，我们使用了`.van-button`选择器来覆盖Vant2的按钮组件的样式。注意，这里选择器中包含了组件名`van`，这是因为Vant2的样式都是以`.van-`开头的。

通过这种方式，我们可以方便地覆盖Vant2组件的样式，同时保持组件的封装性和可复用性。