vue中引入vant，如何在vant中加自定义数据

引用[1]:loading组件的代码中，使用了vant中的loading组件，并且在loading组件中添加了自定义的数据。具体代码如下：

<template>
  <div class="loading">
    <img src="./../assets/img/loading.gif" alt="">
    <van-loading class="loadingVant" vertical type="spinner">加载中...</van-loading>
  </div>
</template>

<script lang="ts">
import { defineComponent, toRefs, reactive, onMounted } from 'vue';

export default defineComponent({
  name: "Loading",
  setup() {
    const reactiveData = reactive({});

    onMounted(() => {
      // 在这里可以对自定义数据进行操作
    });

    return {
      ...toRefs(reactiveData),
    };
  },
});
</script>

<style scoped>
.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 121;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.loading img {
  width: 1rem;
  height: 1rem;
  margin: 7.5rem auto;
}

.loadingVant {
  margin: 310px auto;
}
</style>

在这个代码中，我们使用了`defineComponent`函数来定义一个Vue组件，然后在`setup`函数中可以对自定义数据进行操作。你可以在`reactiveData`对象中添加自定义的数据，并在`onMounted`钩子函数中对这些数据进行初始化或其他操作。

引用[3]的代码也是类似的，只是使用了不同的语法来定义Vue组件。你可以根据自己的喜好选择使用哪种语法。

总之，无论是哪种语法，你都可以在Vue组件中引入vant，并在vant组件中添加自定义数据。