从node_modules将JS导入Vue

Question

原谅我缺乏专业知识,但我正在尝试将此网格系统集成并导入到我自己的Vue设置中,我遇到了一些麻烦.现在,我通常像这样导入插件:

import VuePlugin from 'vue-plugin'

Vue.use(VuePlugin)

然后我就可以在全局范围内使用所述插件的组件了,但是这不是一个插件,我在将所需组件导入/导入到我自己的组件中时遇到了麻烦...建议？

Answer 1

如果您通过 NPM 使用它：

首先，安装：

npm install --save vue-grid-layout

然后“注册”它（可能是一个.vue- 或.js- 文件）：

import VueGridLayout from 'vue-grid-layout'

export default {
  ...
  components: {
    'GridLayout': VueGridLayout.GridLayout,
    'GridItem': VueGridLayout.GridItem
  }

如果您通过<script>标签使用它：

自然地，在某处添加它：

<script src="some-cdn-or-folder/vue-grid-layout.min.js"></script>

并“注册”它（可能是.js文件或其他<script>标签）：

var GridLayout = VueGridLayout.GridLayout;
var GridItem = VueGridLayout.GridItem;

new Vue({
    el: '#app',
    components: {
        "GridLayout": GridLayout,
        "GridItem": GridItem
    },

并且...在您的模板中

在这两种情况下，您都可以<grid-layout ...></grid-layout>在模板中使用。