使用antDesignvue页面先加载loading200毫秒后展示页面内容

要在Ant Design Vue页面中实现延迟加载，可以使用Vue.js的`v-if`指令来控制加载状态。

首先，在Vue组件中定义一个`loaded`属性，用于控制页面内容是否已经加载完成：

<template>
  <div v-if="loaded">
    <!-- 页面内容 -->
  </div>
  <div v-else>
    <a-spin size="large" />
  </div>
</template>

<script>
import { Spin } from 'ant-design-vue';

export default {
  components: {
    Spin,
  },
  data() {
    return {
      loaded: false,
    };
  },
  mounted() {
    setTimeout(() => {
      this.loaded = true;
    }, 200);
  },
};
</script>

在上面的代码中，我们在模板中使用了`v-if`指令来控制页面内容的显示状态。当`loaded`属性为`true`时，页面内容将显示；否则，将显示加载中的Spin组件。

在组件的`mounted`生命周期中，我们设置一个200毫秒的定时器，当定时器触发后，将`loaded`属性设置为`true`，页面内容将显示。

需要注意的是，我们使用了`Spin`组件来展示加载状态，并设置了`size`属性来指定Spin组件的大小。

这样，在用户访问页面时，将会先展示加载状态，等待200毫秒后再展示页面内容，提升了用户体验。