私の専門知識の欠如を許してください、しかし私はこれを統合してインポートしようとしています グリッドシステム 私自身に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>
そして、それを「登録」します(おそらく.js
ファイルまたは別の<script>
タグ):
var GridLayout = VueGridLayout.GridLayout;
var GridItem = VueGridLayout.GridItem;
new Vue({
el: '#app',
components: {
"GridLayout": GridLayout,
"GridItem": GridItem
},
どちらの場合も、テンプレートで<grid-layout ...></grid-layout>
を使用できます。