将 JS 库导入 Vue.js

Question

我正在尝试在我的项目中使用hammer.js ，但是我无法导入它。 我已经通过npm通过npm i hammerjs安装了库。 将它作为import 'hammerjs'到我的main.js文件中，然后当我这样做时

var hammertime = new Hammer(myElement, myOptions)
hammertime.on('pan', function(ev) {
console.log(ev)
})

我收到错误说Hammer没有定义。 在 vue 中导入库的正确方法是什么？

Answer 1

您可以包含hammerjs ：

import * as Hammer from 'hammerjs'

附注：您可以执行相同的操作以在您的 vue 项目中包含安装了npm的其他库。 例如，如果你想在你的 .js 或 .vue 文件中包含ThreeJS ，只需输入：

import * as THREE from 'three'

Answer 2

如果你愿意，安装包装hammerjs到vue，点击链接：

https://www.npmjs.com/package/vue2-hammer

否则，您是否需要在 index.html 上包含 lib，但不推荐。

ps：我想发表评论，但我没有声誉。