在使用Vue框架开发前端页面的时候，我们经常需要引用一些Javascript库来实现一些特定的功能。这些JS库可能是由第三方开发者编写的，也有可能是我们自己编写的。在Vue中，我们可以通过不同的方式来引用这些JS库。

第一种常见的方式是通过script标签直接引入JS文件。一般情况下，我们会在Vue组件的template中直接添加script标签，引用我们需要的JS库文件：

<template>
...
<script src="./path/to/library.js"></script>
...
</template>

这种方式非常简单，我们只需要在HTML文件中直接添加script标签即可。但缺点也非常明显，即此JS文件会在全局范围内生效，并非只在当前组件中生效。如果我们需要在多个组件中引用同一个JS文件，此种方式即可。

第二种引用JS库的方式是通过Vue插件。在编写Vue插件时，我们可以将所需的JS库封装在插件中，以便在任何组件中使用。下面是一个简单的例子：

Vue.plugin({
install: function (Vue, options) {
Vue.prototype.$myFunction = function () {
// 这里添加需要用到的JS库文件
}
}
})

在这个例子中，我们创建了一个名为‘myFunction’的新Vue插件，它的目的是为了封装我们需要引用的JS文件。在Vue插件中，我们可以编写任何我们需要使用的JS代码，然后在组件中通过this.$myFunction()来调用即可。

最后一种引用JS库的方式是通过npm包安装。如果我们下载了某个npm包，其中可能包含一些JS文件，我们需要在Vue应用中使用这些文件时，我们可以通过import语句引入：

import library from 'library.js';

通过这种方式，我们将需要引用的JS库导入到我们自己的代码中。这个库的代码随后将会在我们的Vue组件中发挥作用。这种方式需要我们先通过npm安装需要的包，才能使用import语句引用JS库。

无论使用哪种方式，我们引入JS库的目的都是为了增强我们的网页体验。选择何种方式来引用JS库将会影响我们的开发效率，我们应该选择一种最适合我们的方式。