Vue.js的一个主要优点是它可以很好地与其他代码一起使用：它很容易逐步嵌入到其他应用程序中，也很容易将非Vue代码包装到Vue中。

Vue.js在过去几年中实现了惊人的被采用率增长，它已经从一个鲜为人知的开源库变成了第二个最受欢迎的前端框架（仅次于React.js）。

其发展的最大原因之一是Vue是一个渐进式框架，不需要完整的单页应用程序，只需嵌入一个组件。不想使用复杂构建系统，只需放入脚本标记，即可启动并运行。

这种渐进性使得很容易开始采用Vue.js零碎，而无需进行大型架构重写。但是，有一件事经常被忽视的是，将Vue.js嵌入到用其他框架编写的网站中并不容易。在Vue.js 中嵌入其他代码也很容易。虽然Vue喜欢控制DOM，但它也很灵活，以允许非Vue JavaScript也触及DOM。

你可能想要使用的不同类型的第三方JavaScript，可能希望在Vue项目中使用它们的情况，然后介绍最适合在Vue中嵌入每种类型的工具和技术。

​第三方JavaScript的类型

我们将按复杂程度查看三种主要类型的第三方JavaScript：

非DOM触摸库元素增强库组件和组件库

非DOM库

第一类第三方JavaScript是以抽象方式提供逻辑并且无法直接访问DOM的库。像工具moment.js处理日期或lodash添加函数式编程公用事业属于这一类。

这些库很容易集成到Vue应用程序中，但可以通过几种方式进行封装，以实现特别符合人体工程学的访问。这些通常用于提供实用程序功能，与任何其他类型的JavaScript项目相同。

元素增强库

元素增加是一种为元素添加一些功能的历史悠久的方法。示例包括使用lozad延迟加载图像或使用Vanilla Masker添加输入屏蔽等任务。

这些库通常一次影响单个元素，并期望对DOM的访问量受到限制。他们可能会操纵该单个元素，但不会向DOM添加新元素。

这些工具通常具有严格的用途，并且与其他解决方案交换相对简单。他们经常被拉入Vue项目，以避免重新发明轮子。

组件和组件库

这些是大型，密集的框架和工具，如Datatables.net或ZURB Foundation。它们创建了一个完整的交互式组件，通常具有多个交互元素。

他们要么直接将这些元素注入DOM，要么期望对DOM进行高级别的控制。它们通常使用另一个框架或工具集构建。

这些工具提供了广泛的功能，并且在没有大量修改的情况下使用不同的工具进行替换可能具有挑战性，因此将它们嵌入Vue中的解决方案对于迁移大型应用程序至关重要。

Vue.js的受欢迎程度没有显示出放缓的迹象，大量的开发者采用它，是由于框架的渐进方法。通过实现渐进式采用，而无需进行大规模的重写。

​