单页面引入vue静态资源的组件问题

问题遇到的现象和发生背景

单页面Html引入vue2静态资源，需要将五种表格封装成组件当作表样，在html页面中通过select选择器，选择表样后在页面渲染出对应的表格。并且可以通过重复选择相同的表样，生成的相同的表格。页面可以同时存在多个表格（无论是相同表样还是不相同）。并且表格之间的数据互不干扰。有啥解决方法或是思路吗？

用代码块功能插入代码，请勿粘贴截图

这个动态创建组件应该是你要找的吧？
https://www.jb51.net/article/203289.htm

你把五种表格封装成一个组件，五种表格对应组件里不同的五个函数，这样也可以做，要么就参考如下的：

Vue动态创建组件并插入到页面中_jayccx的博客-CSDN博客_vue动态创建组件 vue 动态创建组件并插入页面中

https://blog.csdn.net/jayccx/article/details/121599000

建议观看：

Vue中引入静态资源的几种方式_ZD717822023的博客-CSDN博客_vue 静态资源最近修改一些老项目，好多组件里面引入图片的方式不太一样，总感觉自己没有好好总结过，今天有时间参考了几篇帖子，就总结一下；在总结之前看了一下vue-cli的文档，突然感觉之前可能是我忽略它了基本没有看过，官方文档这块写的清清楚楚，还是应该多看文档，天天看掘金、简书这些碎片化知识也不太好；Vue中静态资源引入机制Vue.js关于静态资源的官方文档静态资源可以通过两种方式进行处理：在 JavaScript 被导入或在 template/CSS 中被引用。这类引用会被 webpack 处理。诸

https://blog.csdn.net/ZD717822023/article/details/116149521?ops_request_misc=&request_id=&biz_id=102&utm_term=%E5%8D%95%E9%A1%B5%E9%9D%A2%E5%BC%95%E5%85%A5vue%E9%9D%99%E6%80%81%E8%B5%84%E6%BA%90%E7%9A%84%E7%BB%84%E4%BB%B6&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-0-116149521.142^v62^js_top,201^v3^control_1,213^v1^control&spm=1018.2226.3001.4187

参考这个
https://blog.csdn.net/jayccx/article/details/121599000

https://blog.csdn.net/qq_31967569/article/details/111767692 这个应该可以