Javascript 不是在单页应用程序上使用vue3，而是在公司网站上使用。用VUE3替换jQuery，最好的方法是什么？

想象一下，有一个现有的网站，它使用jQuery来处理每个页面中使用的所有从小到大的组件

可能存在触发图像延迟加载的组件：

<img data-component-image data-src="lazy.jpg">

可能存在处理下拉链接菜单的组件：

<select data-component-select>
  <option value="https://www.test.com">test</option>
  ...
</select>

测试
...

可能存在处理可搜索、可筛选和分页列表的组件 以及多个不同的其他组件，这些组件散布在CMS中由编辑器编写的内容之间

目前有一个jQuery方法，它遍历整个DOM，查找具有

数据组件

属性的每个元素，并为每个元素初始化相应的jQuery组件

我们希望在网站上使用vue。但我们如何设置它呢

每个“组件”是否都有自己的vue应用程序？例如，我们是否有一个包装

div

，用于安装“全局”vue组件？我在这里有点不知所措

它不是一个单页应用程序。我不太确定我是否可以使用单文件组件。 很多问题