使用 npm 模块，不带 webpack，但使用内联脚本 vue.js

Question

我没有使用 webpack，我包含 vue 作为外部脚本 像这样：

<script src ="unpckg.com/vue.js-latest"></script>

我想使用 npm 模块

https://www.npmjs.com/package/vue-context-menu

所以我像这样包含它：

<script src= "https://unpkg.com/vue-context-menu@2.0.6/vue-context-menu.js"></script>

那么我该如何使用它呢？ 通常我会对：

import contextMenu from 'vue-context-menu'

但它现在给了我一个错误。

Answer 1

它应该很简单：

<script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
<script src= "https://unpkg.com/vue-context-menu@2.0.6/vue-context-menu.js"></script>
<script>
// This is important
Vue.component('own-context-menu', window.VueContextMenu);
</script>

Vue-context-menu 将窗口对象上的组件注册为：

window.VueContextMenu = VueContextMenu

如果它没有帮助，请告诉我。