Javascript 如何将简单的Vue.js应用程序作为小部件嵌入非Vue网站？

我有一个内置在Vue.js应用程序中的小工具，我想在另一个网站上作为现有单个页面上的小部件使用。该应用程序是一个内部应用程序，客户也希望在其消费者网站上使用该工具。（消费者网站当前仅使用jQuery和下划线。）

如何在现有非Vue网页的HTML元素中嵌入Vue组件

到目前为止，我的谷歌搜索似乎只提到将应用程序作为完整页面嵌入现有网站，而不是具体嵌入现有页面。我的一个猜测是，查看工具构建的dist目录，您可以尝试提取它生成的代码，但我不知道这是否会与页面的非Vue部分发生冲突，并且看起来非常混乱

---

谢谢大家!

你试过了吗？另外，由于Vue将一个元素作为根元素，所以您可能只需要将Vue代码插入到带有专用元素的页面中，这样就可以正常工作。这在Vue中很容易做到。他们在指南的入门部分讨论了这一点。