將 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：我想發表評論，但我沒有聲譽。