Mercuryyjs的博客

采用v-for提前生成多个模态框实例，采用这种方案的案例社区已经很多。

component需要按需加载，因此需要将route.component的值变为()=>import()的形式。vite本地构建使用的是esbuild，本地服务之所以能够识别.vue文件，是因为本地服务做了支撑。本地服务器返回了javascript代码，这个也容易实现，服务器判断如果是.vue结尾的，对源码进行编译响应为js即可。打包构建后的代码，modules的key是不变的。但是值函数却变了，里面导入的是构建后的.js文件。这样就能够实现兼容本地和打包构建后的动态菜单的功能，而原理就是上面分析的。

然而，通过猜想，原因可能是内置自定义指令v-for，通过实验得出，确实是v-for的绑定导致的响应式。该方案使用reactive()创建响应式，因为有分页和查询需求，所以ajax请求响应后tableData数组先通过length属性进行清空，再通过push添加元素。和团队成员讨论，可能是因为接口响应很快，页面还没挂在，tableData的值变化后才挂载的。该方案变量没有初始响应式，ajax请求响应后直接赋值，页面竟然重新渲染了。我们要解决的是数据的初始化，能不能先不用响应式呢？