vant组件修改样式,修改vant框架组件，实现tab组件增加自定义事件

要修改 Vant 组件的样式，可以使用 CSS 属性覆盖或者修改组件的类名。具体方法如下：

1. 使用 CSS 属性覆盖

可以直接在对应组件的父元素上设置 CSS 属性，覆盖组件中的样式。例如：

<van-button style="color: red;">红色按钮</van-button>

这样就可以将按钮的字体颜色修改为红色。

2. 修改组件的类名

Vant 组件通常会有一些默认的类名，例如 `van-button`、`van-tab` 等。我们可以通过修改这些类名来实现修改样式。例如：

<van-tab class="my-tab" title="标签">标签</van-tab>

这样就可以将标签组件的类名修改为 `my-tab`，然后在样式表中添加对应的样式：

.my-tab {
  background-color: #f0f0f0;
}

.my-tab .van-tab__title {
  color: red;
}

这样就可以将标签组件的背景色修改为灰色，字体颜色修改为红色。

要实现自定义事件，可以使用 `v-on` 或者 `@` 语法来绑定事件。例如：

<van-tab class="my-tab" title="标签" @click="handleTabClick">标签</van-tab>

这样就可以在标签组件上绑定 `click` 事件，当用户点击时会触发 `handleTabClick` 方法。在 Vue 实例中定义该方法即可：

export default {
  methods: {
    handleTabClick() {
      console.log('标签被点击了！');
    }
  }
}

这样就可以在控制台输出相应的信息。