ant-design-vue嵌入html标签，但是页面刷新后才能渲染

Ant Design Vue (简称ADV) 是一套基于 Vue.js 的 Ant Design UI 组件库的封装，它允许你像使用原生 Vue 元素那样轻松地在项目中引入 AntD 的组件。当你尝试将 ADV 组件直接嵌入到 HTML 标签中，并期望它们在页面刷新后自动渲染时，可能会遇到一些问题。

通常，Vue 是通过数据绑定和组件生命周期钩子来管理状态并控制渲染的。如果你只是简单地将一个 `<a-adv-component>` 插入到 HTML 中，而不设置任何初始数据或在 Vue 实例上注册该组件，那么在第一次加载时，由于 Vue 没有初始化过程，这些组件不会显示出来。

解决这个问题的方法通常包括以下几个步骤：

1. **在 Vue 模板中使用**：确保你在 Vue 模板中声明组件，如 `<template><a-adv-component></a-adv-component></template>`。

2. **实例化 Vue**：你需要创建一个 Vue 实例，并挂载到 DOM 上，这样才能触发组件的渲染。例如：

   <div id="app">
     <a-adv-component></a-adv-component>
   </div>

   <script>
   new Vue({
     el: '#app',
     components: {
       'a-adv-component': Your ADV Component Definition,
     }
   });
   </script>

3. **初始化组件**：如果组件需要初始化数据或处理状态，应在 `data` 或 `created` 生命周期钩子中完成。

4. **路由或动态导入**：如果是在单页应用中，可能是由动态加载组件导致的问题，你可以考虑使用 `v-if` 来条件渲染，或者在需要的时候动态导入组件。

5. **检查浏览器缓存**：有时候，浏览器缓存可能导致首次加载时不正常，试着清除浏览器缓存再访问查看。