我有一个多年前使用意大利面条jQuery代码构建的旧项目，我想对其进行更新以使用JS框架（主要是出于通常的原因：更好的可伸缩性，更好的状态管理，更干净/更可维护的代码等）。 ）。我发现Vue.js特别吸引人。
该项目允许用户将服务器目录中的大量.svg文件中的任何一个动态加载到DOM中，然后与它们进行交互（主要是单击以更改单个路径元素的填充/线条颜色，由jQuery加上plugin）。
经过一些研究和实验，我还没有找到使用Vue做到这一点的简单方法-据我所知，我将需要手动编辑每个.svg文件以将（许多）绑定放置到适当的位置。允许.svg的离散部分具有交互性。由于文件数量众多且需要快速添加新文件，因此这是一个大问题。
我含糊的问题（对不起）是：有人能指出我的解决方案吗？ （一个更适合于此的框架？在Vue中是一种与普通.svg复制这种交互性的方法吗？是一种自动修改.svg文件以使其在任意数量/类型的svg元素上具有Vue绑定的方法？）
谢谢-
答案 0 :(得分：1)
Vue中添加交互性的最简单方法是访问convert them to components
但这无效，因为该svg是由用户上传的。
因此，您需要找到或编写一个组件将此功能添加到您的应用程序中。