web-dev-qa-db-ja.com

JSをnode_modulesからVue

私の専門知識の欠如を許してください、しかし私はこれを統合してインポートしようとしています グリッドシステム 私自身にVueセットアップと私は少し問題があります。今、私は通常インポートしますそのようなプラグイン:

import VuePlugin from 'vue-plugin'

Vue.use(VuePlugin)

そして、私はそのプラグインのコンポーネントをグローバルに使用することができますが、これはプラグインではなく、必要なコンポーネントを自分のコンポーネントにプルイン/インポートするのに問題があります...提案?

5
John Durand

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>を使用できます。

2
acdcjunior