请原谅我对此缺乏专业知识,但我正在尝试将这个网格系统集成和导入到我的Vue设置中,但遇到了一些小问题。通常我是这样导入插件的:
import VuePlugin from 'vue-plugin'
Vue.use(VuePlugin)
我可以在插件中使用组件,但这不是一个插件,我无法将所需的组件引入到我的组件中... 有什么建议吗?
请原谅我对此缺乏专业知识,但我正在尝试将这个网格系统集成和导入到我的Vue设置中,但遇到了一些小问题。通常我是这样导入插件的:
import VuePlugin from 'vue-plugin'
Vue.use(VuePlugin)
我可以在插件中使用组件,但这不是一个插件,我无法将所需的组件引入到我的组件中... 有什么建议吗?
首先,安装:
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>
import VueGridLayout.GridLayout as GridLayout from 'vue-grid-layout'
这样的方式使组件定义更加简洁,然后在我的组件中只需定义为components: { GridLayout, ... }
? - John DurandVueGridLayout
是默认导入的,而你不能解构它们。你可以声明一个const GridLayout = VueGridLayout.GridLayout
,但我相信这正是你想要避免的... - acdcjunior