从node_modules将JS导入Vue

Question

请原谅我对此缺乏专业知识，但我正在尝试将这个网格系统集成和导入到我的Vue设置中，但遇到了一些小问题。通常我是这样导入插件的：

import VuePlugin from 'vue-plugin'

Vue.use(VuePlugin)

我可以在插件中使用组件，但这不是一个插件，我无法将所需的组件引入到我的组件中... 有什么建议吗？

- John Durand

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文件或另一个

- acdcjunior

---

谢谢，解决了。不过我在想，有没有办法通过像 import VueGridLayout.GridLayout as GridLayout from 'vue-grid-layout' 这样的方式使组件定义更加简洁，然后在我的组件中只需定义为 components: { GridLayout, ... }？ - John Durand

我不这么认为，因为我假设 VueGridLayout 是默认导入的，而你不能解构它们。你可以声明一个 const GridLayout = VueGridLayout.GridLayout，但我相信这正是你想要避免的... - acdcjunior